jchartfx - 在 jchartfx 中打开点的 onclick 弹出窗口

Question

我想在点击 jchartfx 中的点时打开弹出窗口以显示有关该点的详细信息。我想将 id 属性添加到多边形标签。如何传递 id 的值来动态显示详细信息？

Answer 1

我们无法为 SVG 元素添加 id（或任何其他属性），但我们使用 sfxid 属性，以便您可以处理图表元素上的事件，例如

请注意，我们将属性注入到以 HTML 发送的事件对象，包括 hitType、系列索引和点索引。

如果你使用 jQuery

   $("#myDiv").click(function(evt) {
         if (evt.hitType == cfx.HitType.Point) {
             var s = "Series " + evt.series + " Point " + evt.point;
             alert(s);
         }
    }

如果你没有使用 jQuery

  var divHolder = document.getElementById('myDiv');
  chart1.create(divHolder);
  divHolder.onclick = doClick;

   function doClick(evt)
    {
        alert("Series " + evt.series + " Point " + evt.point);
    }

问候，

胡安