如何缩短Highcharts中addPlotLine添加的绘图线并设置X轴起止？

当然可以设置绘图线在X轴上的起止位置，通过from和to属性就能实现你要的效果——这两个属性专门用来限定绘图线在对应交叉轴上的延伸范围（因为你是给Y轴加plotLine，所以from/to控制X轴方向的起止）。

修改你的代码，加上这两个属性即可：

this.yAxis[1].addPlotLine({
  value: sum2 / y2Data.length,
  dashStyle: 'longdash',
  label: {
    text: formatter.format(Math.round(sum2 / y2Data.length)),
    x: -20
  },
  from: 0, // X轴起始位置（数值型轴用数值，分类轴用索引）
  to: this.xAxis[0].max // 自动适配X轴最大值，也可以手动指定数值/索引
});

细节说明： #

• 如果你的X轴是数值型轴：直接用数值定义from和to，比如想让绘图线从X=0开始到X=10结束，就写from: 0, to: 10；想要两端缩进，也可以写from: 0.5, to: this.xAxis[0].max - 0.5。
• 如果你的X轴是分类轴：用分类的索引值，比如第一个分类是0，最后一个分类是this.xAxis[0].categories.length - 1，这样绘图线只会覆盖有数据的分类区域，不会延伸到图表外侧。

这样修改后，绘图线就会缩到靠近X轴的有效数据范围，和你期望的样式一致。

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