3

我使用了 jqplot 折线图。我已经使用 ajax 从 php 页面获取数据。在某些情况下，我将显示特定系列。所以

如何在 jqplot 折线图中动态传递系列并设置系列图例？

我已经手动编写了上述要求的代码。我已经在图例系列上应用了点击事件并根据点击图例绘制图形。

我还根据选择/取消选择系列图例更改了 y 轴值。

4

3 回答 3

1

我最初尝试了@sdespont 发布的答案，但由于该系列需要具备其他属性，因此无法正常工作。我能够通过执行以下操作来完成此工作：

plot1.data = data;
plot1.replot( data );

data 是一个 3D 数组，其组成与您在创建绘图时传入的相同。如果我做了任何一部分而不做另一部分，它就不会正确刷新，但两者的结合似乎可以解决问题。以这种方式刷新绘图将动态添加或删除我添加到数据数组中的任何系列。

希望有帮助。

于 2013-02-12T18:33:41.693 回答
0

我最近遇到了同样的问题。“重新绘制”有效，但速度非常慢。我使用了非常快的“jQPlot.drawSeries”。只需像往常一样将您的新系列数据提供给 jQPlot 并调用jQPlot.drawSeries({}, <nr of your series from 0...xxx)

我的具有 800 个值的实时图表在我的 PC 上以 >> 60 FPS 的速度运行，在我的手机上也非常快。

于 2015-04-15T12:20:21.290 回答
0

您可以通过玩plot1.series数组来添加或删除系列。

这是一个很好的jsfiddle：jsfiddle.net/fracu/HrZcj

这个想法是用数据创建一个数组

    myNewSerie = Array();
    x = (new Date()).getTime();
    y = Math.floor(Math.random() * 100);
    myNewSerie.push([x, y]);

然后使用下一个可用插槽将其添加到图表中

plot1.series[plot1.series.length] = myNewSerie

最后重绘使用plot1.replot();

查看updateSeries小提琴末尾的功能

未经测试，但应该可以工作

于 2012-12-22T06:13:05.400 回答