我正在尝试在 ZingChart feed 中绘制 2 条线系列数据。
下面是我的脚本代码。
<script>
var chartData = {
"type":"line",
"refresh": {
"type": "feed",
"transport": "js",
"url": "feed()",
"interval": 1000
},
"series":[
{
"values":[]
},
{
"values":[]
}
]
};
window.onload = function() {
zingchart.render({
id: "chartDiv",
data: chartData,
height: 600,
width: "100%"
});
};
window.feed = function(callback) {
$.ajax({
type: "GET",
dataType: "json",
headers: {
Accept: "application/json",
"Access-Control-Allow-Origin": "*"
},
url: "/PerformanceMonitor/showProcessUsage/${processName}",
success: function (data) {
var mem = data.mem.size/100000;
var tick = {
plot0: parseInt(mem)
};
callback(JSON.stringify(tick));
var tick2 = {
plot1:parseInt(mem/1000)
};
callback(JSON.stringify(tick2));
}
});
};
它得到显示,但失去了图形的线条性质。这是正确的方法吗?有更好的方法吗?。稍后我计划让用户决定运行时图表中允许有多少个绘图。ZingChart 中有我可以使用的东西吗?
提前致谢。
The tick
对象包含绘图中每个系列的数据。这意味着您可以向该对象添加多个绘图。
您可以替换您的所有内容success
使用以下代码回调...
var mem = data.mem.size/100000;
var tick = {
plot0: parseInt(mem),
plot1: parseInt(mem/1000)
};
callback(JSON.stringify(tick));
如果您想在该系列中添加第三个情节,只需添加一个plot2
属性(因为 ZingChart 的系列有一个从 0 开始的索引)。
我是 ZingChart 团队的成员。如果您还有其他问题,请告诉我。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)