javascript - ハイ チャートを使用して列固有のプロットラインを追加するにはどうすればよいですか?

Question

チャート全体の幅にまたがる単一のプロットラインではなく、チャートの各列に 2 つの一意のプロットラインを持つ js HighCharts を使用して縦棒グラフを作成しようとしています。

このようにして、各列の最大値と最小値を表示できます。

Answer 1

そのように機能する実際のプロット ラインを作成することはできません。

散布シリーズを使用して、次のようにカスタム ライン マーカー タイプを定義できます。

http://jsfiddle.net/highcharts/e96yX/

水平線と垂直線の両方のコード例:

Highcharts.Renderer.prototype.symbols.vline = function(x, y, width, height) {
    return ['M',x ,y + width / 2,'L',x+height,y + width / 2];
};
Highcharts.Renderer.prototype.symbols.hline = function(x, y, width, height) {
    return ['M',x ,y + height / 2,'L',x+width,y + width / 2];
};

あるいは、あなたの質問に基づいて、列範囲チャートも役立つ場合があります。

http://highcharts.com/demo/columnrange