1

我正在使用更新样条图来显示每秒变化的线。更改设置在 chartinfo.chart.events.load 中。下面是我在实际程序中使用的代码：

chartinfo.chart.events.load: function() {
    powerLine = this.series[0];
    setInterval(function() {
        var x = (new Date()).getTime(), // current time
        y = ((latestPowerValue > maxPower) ? maxPower : ((latestPowerValue < minPower) ? minPower : latestPowerValue)); //Math.random() * 250;
        powerLine.addPoint([x, y], true, true);
    }, 1000);
}

我有另一个更新样条图来显示两条线，它们也每秒都在变化。这与上面的示例几乎相同，但这次更新了两个系列。

chartinfo.chart.events.load: function() {
    var minLine = this.series[0];
    var maxLine = this.series[1];

    setInterval(function() {
        var x = (new Date()).getTime();
        var ymin = ((latestVoltageMin > maxVoltage) ? maxVoltage : ((latestVoltageMin < minVoltage) ? minVoltage : latestVoltageMin));
        var ymax = ((latestVoltageMax > maxVoltage) ? maxVoltage : ((latestVoltageMax < minVoltage) ? minVoltage : latestVoltageMax));

        minLine.addPoint([x, ymin], true, true);
        maxLine.addPoint([x, ymax], true, true);
    }, 1000);
};

我还在jsFiddle 中准备了单线（工作）图和双线（不工作）图的工作示例。

我想知道如何让双线图像单线图一样移动/滑动。欢迎任何帮助或洞察问题！

4

2 回答 2

2

将第一个添加点的动画参数设置为 false，第二个添加点将为它们两者设置动画。

series.addPoint([x, y], false, true);
series2.addPoint([x, y2], true, true);

jsFiddle

于 2013-06-04T12:48:53.090 回答
1

除了 series.addPoint([x, y], false, true); series2.addPoint([x, y2], true, true);

还要写chart.redraw(); 在 series2.addPoint([x, y2], true, true); 这使它在 webapp 中对我有用

于 2017-12-12T06:26:03.323 回答