3

我一定遗漏了一些简单的东西,但是......:在 API 方法的 ZingChart 文档中,函数都引用了myid,但我无法弄清楚 ZingChart 的 id 是什么。例如,方法getseriesvalues

zingchart.exec('myid', 'getseriesvalues', {});

'myid'此示例代码中指的是什么?

这是我简单的 ZingChart 示例代码:

 $(function(){
    var myChart = {
        type : "line",
        title : {text: "Hello ZingChart World!"},
        series : [
            {values:[5, 10, 15, 5, 10, 5]},
            {values:[2, 4, 6, 8, 10, 12]}
        ]
    };

    zingchart.render({
        id : "myChartDiv",
        height : 450,
        width : 600,
        data : myChart
    }); 
})

现在假设我想调用getseriesvalues此图表上的方法 - myid 是什么?myChart? myChartDiv? 他们都没有工作...

4

1 回答 1

3

id属性引用注入图表的<div>元素的id属性。请参阅ZingChart“入门”指南

例子:

<html>
    <body>
        <script>
            var myChart = {
                type   : "line",
                title  : {text: "Hello ZingChart World!"},
                series : [
                    {values:[5, 10, 15, 5, 10, 5]},
                    {values:[2, 4, 6, 8, 10, 12]}
                ]
            };

            window.onload=function(){
                zingchart.render({
                    id : "myChartDiv",
                    height : 450,
                    width : 600,
                    data : myChart
                });
            };
        </script>

        <div id="myChartDiv"></div>
    </body>
</html>

它还用于其他 ZingChart 方法(例如,随后将事件绑定到您的图表)。例如,要获取此图表启动后的值:

zingchart.exec("myChartDiv", "getseriesvalues", {});

您可以将其id视为一个全局变量——始终按名称引用同一个图表,无论其在代码中的位置如何。

于 2013-12-31T19:08:25.173 回答