4

現在ホバーしているシリーズのデータ​​と色に JavaScript でアクセスしようとしています。データは凡例とツールチップで利用できますが、直接アクセスする方法がわかりません。

凡例を外部コンテナーに配置することは可能ですが、それらのコードは多くの追加のコンテナー/ラッパーを作成するため、書式設定が困難になります。 この Github questionはそれに対処しますが、回答は提供されませんでした。

おそらく、イベントを使用して凡例テキストまたは tspan 要素の変更を検出し、新しいテキストを取得できますが、これを行う方法 (amCharts イベントを使用) とそれがどれほど効率的か (特に複数のシリーズおよび/またはカーソルが同期されたチャート)。

別のアイデアは、カーソル位置に基づいてデータを取得することでしたが、これは非効率的です (cursorpositionchangedシリーズ データが変更されていない場合でも、マウス/カーソルの移動で頻繁に発生します)。dateAxis 値の変更に基づいて、より効率的に実行できるでしょうか? たとえば、positionchangedイベント リスナーを使用すると、次のようになります。

chart.cursor.lineX.events.on('positionchanged', function() {
    // get series data and do something with it
});

少なくとも を使用している場合chart.cursor.xAxis = dateAxispositionchangedイベントはカーソルが新しい値にジャンプしたときにのみ発生するようです。したがって、マウス/カーソルの動きで発生するイベントよりも効率的です。

任意の提案をいただければ幸いです。

アップデート

現在ホバーされているということは、グラフの上にマウスを置いて、ツールチップ (たとえば) からアクセスできるシリーズ データと色を指しています。

例: CandlestickSeriesLineSeries

4

1 に答える 1