jchartfx - jchartfxでポイントをクリックするとポップアップが開きます

Question

jchartfx のポイントをクリックしてポップアップを開き、そのポイントに関する詳細情報を表示したいと考えています。詳細情報を動的に表示するために一意の ID を渡すにはどうすればよいですか?

Answer 1

clickで実行するかどうかはわかりませんが、jChartFX サンプルには、ツールチップ(ホバー)を介してこれを実行するダウンロード可能な例(いくつかのコードを含む) が含まれています。

基本的に、「gettip」イベントを処理する必要があります。

chart1.on("gettip", onGetTip);

ハンドラーは、ツールチップのコンテンツを含む div を作成する必要があります。

function onGetTip(args) {
    divInTooltip = document.getElementById('tipChartInfo');
    args.tooltipDiv.appendChild(divInTooltip);
    args.replaceDiv = true;
    var dataPoint = args.getPoint();

    // Custom code based on the data point...
    ...
}

特定の質問に関して、ツールチップに関連するデータ ポイントは から入手できますargs.getPoint()。