Javascript 如何使PlotBands数据显示在HighChart图表上?

Javascript 如何使PlotBands数据显示在HighChart图表上?,javascript,plot,charts,highcharts,Javascript,Plot,Charts,Highcharts,文件: 试着让PlotBand出现,但到目前为止没有运气,我错过了什么 这是我添加到上述分叉JSFIDLE中的唯一代码: xAxis: { dateTimeLabelFormats: {hour: '%I %p', minute: '%I:%M %p'}, plotBands: [{ color: 'red', from: 1, to: 2, value: 3, // Value of where the line will app

文件:

试着让PlotBand出现,但到目前为止没有运气,我错过了什么

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

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. 
       }
  }]
},
尝试获取类似以下内容的内容:


我认为您需要使用与PlotBand连接的参数。现在,您的一些参数也与绘图线连接,我认为这导致了您的问题。在此处可以找到PlotBand的参数:

在这里,您可以找到图表在PlotBand中的显示示例:

也可以使用xAxis.addPlotBand方法添加打印标注栏:


致以最诚挚的问候。

我认为您需要使用与PlotBand连接的参数。现在,您的一些参数也与绘图线连接,我认为这导致了您的问题。在此处可以找到PlotBand的参数:

在这里,您可以找到图表在PlotBand中的显示示例:

也可以使用xAxis.addPlotBand方法添加打印标注栏:


致以最诚挚的问候。

您好,我认为您的绘图带参数有误。在这里,您可以看到一个带有数据的plotBand示例,谢谢,但该死的,它仍然无法在我的真实应用程序中显示此示例:(确定要发布您的答案吗?顺便说一句,这在我的真实应用程序中适用:D
chart.xAxis[0]。addPlotBand({
我已经发布了我的答案。奇怪的是,它不能与您的真实应用程序一起工作,但我很高兴您找到了解决此问题的方法:)嗨,我认为您的plotBand参数错误。在这里,您可以看到plotBand的一个示例,其中包含您的数据,谢谢,但该死的它仍然无法在我的真实应用程序中显示:(好的,想发布你的答案吗?顺便说一句,我现在可以在我的真实应用程序中使用:D
chart.xAxis[0]。addPlotBand({
我已经发布了我的答案。奇怪的是,它不能与你的真实应用程序一起使用,但我很高兴你找到了解决此问题的方法:)嘿,老兄,再次感谢你的回答!你以前遇到过这个吗?嘿,老兄,再次感谢你的回答!你以前遇到过这个吗?
    plotBands: [{
      color: 'red',
      from: 1265888000000,
      to: 1345888000000,
      label: {
        text: 'I am a label', // Content of the label. 
        align: 'left' // Positioning of the label. 
      }
    }]