什么是ZingChart文档中的“myid”?

时间:2013-12-31 10:39:42

标签: jquery zingchart

我必须遗漏一些简单的东西,但是......:在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会是什么? myChartmyChartDiv?他们都没有工作......

1 个答案:

答案 0 :(得分:3)

id属性引用注入图表的<div>元素的id属性。请参阅ZingChart "Getting Started" guide

示例:

<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方法(例如to subsequently bind events to your chart)。例如,要在此图表启动后获取值:

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

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