限制绘图库到标记线

Question

我希望在我的高图中添加绘图带/区域。我指的是标记点下方的深黄色条带。

我已经看到了一些如何绘制plotBands的例子，但似乎都没有给出限制plotBand高度的选项。

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/axis-addplotband/

{{1}}

任何线索都将受到赞赏。

Answer 1

您应该能够使用区域系列类型并在加载（和重绘）事件回调函数中添加断行，使用chart.renderer.path：

  var breakLines = function(chart) {
    var xAxis = chart.xAxis[0],
      yAxis = chart.yAxis[0];
    $('.breakLines').remove();
    Highcharts.each(chart.series[0].data, function(p) {
      chart.renderer.path([
        'M',
        xAxis.toPixels(p.x),
        yAxis.toPixels(0),
        'L',
        xAxis.toPixels(p.x),
        yAxis.toPixels(p.y)
      ]).attr({
        'stroke-width': 1,
        stroke: 'white',
        zIndex: 3
      }).addClass('breakLines').add()
    });
  }

在这里，您可以看到一个示例：http://jsfiddle.net/jgyxcbxo/1/