Highcharts -绘制值低于0的xAxis波段

Question

我的目标是绘制x轴波段，就像有人在这里做的那样:https://jsfiddle.net/BlackLabel/w3htb4g1/

xAxis: {
plotBands: [{
color: '#e6f4e4',
from: 0,
to: 2.5
}]
}

但是我想将它们自动定位在行值低于0的地方，如下所示:https://jsfiddle.net/smaica/vsfLwoxt/1/

是否有一种方法可以自动做到这一点?

顺便说一句:我在React前端(javascript)中使用highcharts股票图表。

谢谢!

Answer 1

感谢@ duniyadand评论，我计算了数据穿过y轴的第一个和最后一个索引，然后像这样推plotBands:

var plotBand = []
for (var i = 1; i < crossings.length; i++) {
if(i%2!=0){
plotBand.push({from: crossings[i-1], to: crossings[i], color: color})
}
}