ローソク足のHighChartのツールチップにデータを埋め込む方法は？

Question

私のローソク足のタイプのHighChartのツールチップにカスタムデータをいくつか表示します。私はどうしたらいいですか？ 私は他の種類のチャートのためのいくつかの解決策を見つけましたが、私のためにはうまくいかなかったのです。

ご存じのように、デフォルトではX、高、低、近、開の値にアクセスできます。しかし、私は、ツールチップに表示する各ポイントに "Name"または "Percent"の値を埋め込んでいます。

誰かが私の質問に答えることができれば感謝します。

よろしくお願いいたします。

Answer 1

はい、間違いなくそれを行うことができます。ハイチャートに渡すすべてのデータにアクセスすることができます。

ここには、プロットしているデータのサンプル構造があります。

{ 
    low: 19, 
    high: 30, 
    open: 20, 
    close: 28, 
    pram2: 'hi', 
    param1: 'hello' 
} 

あなたが既に知っているデフォルトパラメータは、それぞれオープン、クローズ、ロー、ハイです。ツールチップにparam1とpram2という2つのpramsを表示したいとします。そのためには、以下に示すようにそれらを持っている必要があります。

ツールチップからこれらのパラメータにアクセスするにはどうすればよいですか？ 非常に簡単です。これらは、ツールチップのフォーマッタと呼ばれる仲間です。

tooltip : { 
    formatter: function() { 
     ........ 
     ........ 
     ........ 
     return something 
    } 
} 

このフォーマッタ関数は、マウスがプロット上のデータポイントに移動するたびに呼び出されます。

このフォーマッタ機能では、そのポイントのデータにthis.pointとしてアクセスできます。ここでは追加のパラメータにはthis.point.param1とthis.point.pram2

hereという2つのパラメータを使用してアクセスできます。