Highcharts - 绘制值低于 0 的 xAxis Bands答案

【问题标题】：Highcharts - plot xAxis Bands where value is below 0Highcharts - 绘制值低于 0 的 xAxis Bands
【发布时间】：2022-11-27 20:47:07
【问题描述】：

我的目标是像这里的人一样绘制 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 股票图表。

谢谢！

【问题讨论】：

您需要知道波段是什么并将其提供给 highcharts。 Highcharts 通常与数据无关，它会按照您所说的方式显示您提供的内容，除此之外它不会做任何假设。
我明白了，谢谢@Duniyadnd

标签： javascript reactjs highcharts react-highcharts

【解决方案1】：

感谢@Duniyadnd 的评论，我计算了数据穿过 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})
    }
}

【讨论】：