jchartfx에서 팝업 팝업창을 엽니 다.

Question

jchartfx에서 포인트 클릭시 팝업을 열어 해당 포인트에 대한 상세 정보를 표시하고 싶습니다. 폴리곤 태그에 id 속성을 추가하고 싶습니다. 어떻게 세부 정보를 동적으로 표시하기 위해 id의 값을 전달할 수 있습니까?

Answer 1

우리는 SVG 요소에 id (또는 다른 속성)를 추가 할 수는 없지만 sfxid 속성을 사용하여 차트 요소에 이벤트를 처리 할 수 ​​있습니다.

hitType, 시리즈 인덱스 및 포인트 인덱스가 포함 된 HTML로 전송 된 이벤트 객체에 속성을 삽입합니다. 당신이 jQuery를

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

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

감사합니다,

JuanC

를 사용하지 않는 경우 당신이 jQuery를

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

를 사용하는 경우