Highcharts - 带目标线的列/条形图

Question

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

发现从类似的d3.js线程作为一个例子这样的画面：

我在想另一个系列，但没有看到有关的文件中的任何选项目标线。这里有一个基本的柱形图：jsfiddle.net/eksh8a8p/

我想过使用一个列的系列，但是你只能有一个开始/结束值，由于数字值的缩放可能会产生问题。

是否有其他想法/选项可能会产生与上图相似的结果？

Answer 1

您可以使用columnrange系列，但有一个简单的选择 - 一个散布系列带有长方形标志

//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/