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数据点.