在带任意X值的Plotly柱状图上绘制水平线的X参数设置问题

不用纠结x0/x1的具体数值，改用画布相对坐标就能彻底解决这个问题，步骤如下：

• 给shape对象加上xref: 'paper'配置，这会让x轴坐标基于图表画布的百分比，而非数据的绝对数值
• 将x0设为0（对应图表最左侧），x1设为1（对应图表最右侧）

修改后的代码示例：

this.sla_model = { mtta_lower: 1 }; // 随时间变化的动态值示例

{
    type: 'line',
    x0: 0,
    x1: 1,
    xref: 'paper', // 核心配置：切换为画布相对坐标
    y0: this.sla_model.mtta_lower * 60,
    y1: this.sla_model.mtta_lower * 60,
    line: {
        color: 'yellow',
    }
}

为什么原来的方法失效？ #

你之前用x0: -1是绝对数据坐标，当x轴的起始值大于-1，或者数据范围发生变化时，这条线就只能延伸到-1的位置，自然没法覆盖整个图表。而用画布相对坐标后，不管x轴的实际数据怎么变，水平线都会从图表最左贯穿到最右。

内容的提问来源于stack exchange，提问作者ScipioAfricanus