Question

我正在使用http://www.flotcharts.org/图表。我想展示更多的线条。这个考试（ http://www.flotcharts.org/flot/examples/realtime/index.html）显示使用ajax更新一行。在他们的文档中我添加了两个系列，但它没有工作。 `

        function update() {

         plot.setData({ data: getRandomData()},
                { data:  getRandomData2()});
         plot.draw();
          setTimeout(update, 5000);
    }

我的源代码与上面的例子相同，我还写了与gtRandomData（）相同的getRandomdata2（）方法。

function getRandomData2() {
        if (data.length > 0)
            data2 = data.slice(1);

        while (data2.length < totalPoints) {
            var prev = data2.length > 0 ? data2[data2.length - 1] : 50,
                z =Math.floor((Math.random() * 100) + 1);;
            if (z < 0) {
                y = 0;
            } else if (z > 50) {
                z = 100;
            }

            data2.push(z);
        }
        var res = [];
        for (var i = 0; i < data2.length; ++i) {
            res.push([i, data2[i]]);

            console.log('data : '+data2[i]);
        }

        return res;
    }

以下是我创建情节的方法

    var plot = $.plot("#placeholder", [
                                        { data: getRandomData()},
                                        { data:  getRandomData2()}
                                    ], {

        series: {
            shadowSize: 0   // Drawing is faster without shadows
        },
        yaxis: {
            min: 0,
            max: 100
        },
        xaxis: {
            show: false
        }
    });

请告诉我问题在哪里？我想知道显示2行，如this

Flot图表在图表中显示两行

0 个答案: