在jchartfx中点击点时打开弹出窗口

Question

我想在点击jchartfx中的点时打开弹出窗口，以显示有关该点的详细信息。如何传递唯一id动态显示明细信息？

Answer 1

我不确定是否在点击时执行，但jChartFX示例包括通过工具提示(即悬停)执行此操作的a downloadable example (带有some code)。

基本上，您需要处理'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()获得与工具提示相关的数据点。