Highcharts - 带有目标线的柱/条形图

Question

使用highcharts，在列或条形图上实现目标线的最佳方法是什么？ （也称为目标与目标）

从类似的d3.js线程中找到这张图片作为例子：

我正在思考另一个系列，但没有看到文档中有关目标行的任何选项。这是一个基本的柱形图：jsfiddle.net/eksh8a8p /

我已考虑使用列范围系列，但您只能使用开头/结尾值，这可能会因数字值的缩放而出现问题。

是否有其他想法/选项可以为上图创建类似的结果？

Answer 1

您可以使用列范围系列，但有一个更简单的选项 - 带有矩形标记的散点图系列

    //custom marker
    Highcharts.SVGRenderer.prototype.symbols['c-rect'] = function (x, y, w, h) {
       return ['M', x, y + h / 2, 'L', x + w, y + h / 2];
    };

    //series options
    {
      marker: {
        symbol: 'c-rect',
        lineWidth:3,
        lineColor: Highcharts.getOptions().colors[1],
        radius: 10
      },
      type: 'scatter'

示例：http://jsfiddle.net/eksh8a8p/1/