如何在Highcharts中x轴左侧的位置添加绘图线?

yhqotfr8  于 2023-03-30  发布在  Highcharts
关注(0)|答案(1)|浏览(164)

我有一个类似于[this](x1c 0d1x)的图。你会注意到我沿着y轴添加的绘图线位于'0'位置。我需要这条线位于像[this](

)这样的x轴数据的左侧,这样这条线就不会穿过第一组点。
问题是,addPlotline函数不接受负值。我尝试了这个.xAxis[0].addPlotLine({ value:});
但是,由于它不接受负值,因此它最终的工作方式与
this.xAxis[0].addPlotLine({ value:0 });。

hgqdbh6s

hgqdbh6s1#

根据您的用例,您可以更改xAxis的范围。
示例:

let chart = Highcharts.chart('container', {
   xAxis: {
     type: 'datetime'
   },
   series: [{
     data: [1,2,3,4]
   }]

 });

 btn1.addEventListener('click', () => {
   chart.update({
     xAxis: {
       min: -0.5
     }
   })
   chart.xAxis[0].addPlotLine({
     value: -0.5,
     color: 'red',
     width: 2,
     id: 'first'
   })
 });

演示:https://jsfiddle.net/BlackLabel/9y0acfxz/

相关问题