2017-01-19 10 views
0

highchartsを使用すると、ターゲット行を列または棒グラフに実装する最良の方法は何ですか? enter image description hereハイチャート - ターゲット行を含む列/棒グラフ

私は別のシリーズを考えていますが、程度のドキュメント内の任意のオプションが表示されない:この写真は一例と同様のd3.jsスレッドから発見(また目標対ターゲットとして知られている)

ターゲット行。ここに基本的な縦棒グラフがあります:

私はカラムレンジシリーズを使用することを考えましたが、数値のスケーリングに問題がある可能性がある開始/終了値に限られています。

上記の画像と同様の結果が得られる他のアイデアやオプションはありますか?

答えて

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/

+0

素晴らしいです。これは私の問題を解決します。私は単に "列"の設定を "棒"に変更することがわかったので、対象の行も回転します。非常に便利。 – Mark

関連する問題