2010-12-29 13 views
2

html 페이지에서 zingchart 클릭 이벤트 처리 코드를 어디에 둘 것인지 확실하지 않습니다. zingchart.click = function (dataStr) { var data = eval ('('+ 'dataStr +') '); 알림 ("차트 클릭 - ID :"+ 데이터 [ "id"]); }Zingchart 클릭 이벤트 처리

아무도 모른다면 샘플 HTML 코드를 제공해주세요.

답변

3

zingchart.click 함수는 zingchart 스크립트가 포함 된 이후 어디에서나 사용할 수 있습니다.

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript" src="../zingchart-1.1.min.js"></script> 
</head> 
<body> 
    <div> 
     <div> 
      <div id="zingchart"></div> 
     </div> 
     <script type="text/javascript"> 
     var jsonConfig = '{"graphset" : [{"type" : "line","series" : [{"values" : [5, 10, 15, 5, 10, 5]}] }]}'; 

     zingchart.render({ 
      data   : jsonConfig, 
      width   : 600, 
      height   : 300, 
      container  : 'zingchart' 
     }); 

     zingchart.click = function(data){ 
      alert("Chart Clicked - ID: " + data["id"]); 
     } 
     </script> 
    </div> 

</body> 
</html> 
: 여기

은 일례이며