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().