highcharts - 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”系列从中间图表开始，它以一个角度开始。我希望它直接上升

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