2

次の zingchart クリック イベント処理コードを HTML ページのどこに配置すればよいかわかりません。zingchart.click = function(dataStr){ var data = eval('(' + dataStr + ')'); alert("グラフがクリックされました - ID: " + data["id"]); }

誰かが知っている場合は、サンプルの HTML コードを提供してください。

4

1 に答える 1

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>
于 2011-02-15T17:09:55.140 に答える