Zing饲料在1个图表中绘制多个系列

时间:2015-05-04 11:21:51

标签: javascript ajax zingchart

我正在尝试在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中的某些东西吗? 提前谢谢。

1 个答案:

答案 0 :(得分:4)

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团队的成员。如果您有其他问题,请告诉我。