Highcharts - 突出显示/阴影日期范围

Question

我需要在此图表中添加一个新系列，以便突出显示/遮蔽特定日期范围。它需要是图表的100％高度。

我正在考虑使用另一个区域系列，但是由于我在这张图表上有两个现有的区域系列，所以我无法使用它。

我认为另一个系列的特定点有1或0表示是否应突出显示？

{name: 'mydates',
  color:'red',
  fillOpacity: 0.3,
  data: [0, 0, 0,1,1,1,1, 1, 1,1,0,0],
  type:'area',
  stacking: 'percent'
},

http://jsfiddle.net/L3ynM/

我的样本存在问题：

• 'mydates'系列不占据图表的100％高度
• 如果'mydates'系列开始于midchart，则以一个角度开始。我希望它直接上去

Answer 1

除非您确实需要图例条目，否则我建议使用plotBands

http://api.highcharts.com/highcharts#xAxis.plotBands

如果您确实需要图例，也可以这样做：

http://jsfiddle.net/jlbriggs/JVNjs/305/

data:[[1.5,0],[1.5,80],[2.25,80],[2.25,0]]

它部分依赖于设置最小值和最大值，并将这些最小值和最大值用作y数据点。