如何让PlotBands数据显示在HighChart图表上？

Question

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. 
       }
  }]
},

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

Answer 1

我认为你需要使用与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

最好的问候。