我必须遗漏一些简单的东西,但是......:在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
?他们都没有工作......
答案 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
视为全局变量 - 始终按名称引用相同的图表,无论其在代码中的位置。