Zingchart点击事件处理

时间:2010-12-29 06:49:31

标签: charts zingchart

我不确定在html页面中放置zingchart点击事件处理代码的位置。 zingchart.click = function(dataStr){     var data = eval('('+ dataStr +')');     alert(“Chart Clicked - ID:”+ data [“id”]); }

如果有人知道,请提供示例HTML代码。

1 个答案:

答案 0 :(得分:3)

{zingchart脚本包含后,zingchart.click函数可以去任何地方。

以下是一个例子:

<!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>