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/