是否有任何选项可以只为一个 x 轴获取高图 plotbands？

Question

我正在使用 highchart 来获取条形图，我在这里使用了 plotbands，所以我的要求是我只需要为一行 x 轴获取 plotband。例如，这里是片段。 https://jsfiddle.net/z6kug43w/20/

xAxis: {
    plotBands: [{
        from: 0.4,
      to: 0.6,
      color: '#fff',                     
      zIndex: 3
    },
    {
        from: 1.4,
      to: 1.6,
      color: '#fff',                     
      zIndex: 3
    },
    {
        from: 2.4,
      to: 2.6,
      color: '#fff',                     
      zIndex: 3
    },
    {
        from: 3.4,
      to: 3.6,
      color: '#fff',                     
      zIndex: 3
    }],
    categories: ["abc (1%)", "abcd (1%)", "abce (1%)", "abcf (1%)", "abcg (1%)", "abch (1%)"],
    crosshair: true
},

y轴：{ 分钟：0， plotBands：[{ 来自：0，到：100，厚度：'2%'，颜色：'#D5D5D6' }], 标题： { 文本：'Rainfall (mm)' } },

Answer 1

请查看此自定义插件，它允许您为 plotBand 定义 low 和 high 值。

演示：https://jsfiddle.net/BlackLabel/n3okxjug/

  xAxis: {
    categories: ["abc (1%)", "abcd (1%)", "abce (1%)", "abcf (1%)", "abcg (1%)", "abch (1%)"],
    crosshair: true,
    plotBands: [{
      from: 0.5,
      to: 1.5,
      color: 'red',
      low: '60%',
      high: '100%'
    }]
  },

这是你想要达到的结果吗？

是否有任何选项可以只为一个 x 轴获取高图 plotbands？

is there any option to get highchart plotbands only for one xaxis?

highcharts

angularjs