Open popup on click of points in jchartfx

[swatipatel]

I want to open the popup on click of points in jchartfx to display the detail information about that point. I want to add the id attribute to the polygon tag. How can i pass the value of id to display the detail information dynamically?

Edited December 31, 2014 by swatipatel

[JuanC]

We do not have the capability of adding id (or any other attributes) to the SVG elements but we use the sfxid attribute so that you can handle events on chart elements, e.g.

 

Note that we inject properties to the event object sent in HTML that includes the hitType, the series index and the point index.

 

If you are using jQuery

 

       $("#myDiv").click(function(evt) {

             if (evt.hitType == cfx.HitType.Point) {

                 var s = "Series " + evt.series + " Point " + evt.point;

                 alert(s);

             }

        }

 

If you are not using jQuery

 

      var divHolder = document.getElementById('myDiv');

      chart1.create(divHolder);

      divHolder.onclick = doClick;

 

       function doClick(evt)

        {

            alert("Series " + evt.series + " Point " + evt.point);

        }

 

Regards,

 

JuanC

[MJK]

Bar chart work.

Edited September 6, 2022 by MJK