javascript - 如何获取PlotBands数据以显示在HighChart图表上？

http://jsfiddle.net/leongaban/627yamt2/

文件：http://www.highcharts.com/docs/chart-concepts/plot-bands-and-plot-lines

试图让情节出现，但是到目前为止还没有运气，我还缺少什么？

这是我添加到上述分叉jsfiddle中的唯一代码：

xAxis: {
  dateTimeLabelFormats: {hour: '%I %p', minute: '%I:%M %p'},
  plotBands: [{
       color: 'red',
       from: 1,
       to: 2,
       value: 3, // Value of where the line will appear
       width: 2, // Width of the line
       label: {
            text: 'I am a label', // Content of the label.
            align: 'left' // Positioning of the label.
       }
  }]
},

尝试获取如下所示的内容：

最佳答案

我认为您需要使用与plotBands连接的参数。现在，您的某些参数也与plotLines连接在一起，我认为这是导致您出现问题的原因。在这里，您可以找到plotBands的参数：
http://api.highcharts.com/highcharts#xAxis.plotBands

    plotBands: [{
      color: 'red',
      from: 1265888000000,
      to: 1345888000000,
      label: {
        text: 'I am a label', // Content of the label.
        align: 'left' // Positioning of the label.
      }
    }]

在这里，您可以找到实时示例，如何使用plotBands绘制图表：
http://jsfiddle.net/627yamt2/1/

您还可以使用xAxis.addPlotBand方法添加plotBands：
http://api.highcharts.com/highcharts#Axis.addPlotBand

最好的祝福。