重用 jqplot 对象来加载或重新绘制数据

Question

我正在使用 JqPlot 绘制图表，我的问题是我想在不同的点击事件上加载不同的数据。

但是，一旦图表被创建并第一次加载数据；我不知道如何在另一个事件触发时加载数据，这意味着我想重用图表对象，并希望在事件触发时加载/重新绘制数据，例如...

chartObj.data = [graphData]

Answer 1

这似乎可以重新绘制数据。

chartObj.series[0].data = [[0, 4], [1, 7], [2, 3]];
chartObj.replot();

另外，您还可以检查以下内容：https://groups.google.com/group/jqplot-users /browse_thread/thread/59df82899617242b/77fe0972f88aef6d%3Fq%3D%2522Groups.%2BCom%2522%2377fe0972f88aef6d&ei=iGwTS6eaOpW8Qpmqic0O&sa=t&ct=res&cd=71&源=组&usg=AFQjCHotAa6Z5CIi_-BGTHr_k766ZXXLQ?hl=恩，希望有帮助。

Answer 2

虽然这是一个老问题了。

由于接受的答案对我不起作用，而且我也无法在 jqPlot 文档中找到解决方案。我找到了这个解决方案

var series = [[1,2],[2,3]];
chartObj.replot({data:series});

Src：查看 replot 函数。

function (am) {
    var an = am || {};
    var ap = an.data || null;
    var al = (an.clear === false) ? false : true;
    var ao = an.resetAxes || false;
    delete an.data;
    delete an.clear;
    delete an.resetAxes;
    this.target.trigger("jqplotPreReplot");
    if (al) {
        this.destroy()
    }
    if (ap || !L.isEmptyObject(an)) {
        this.reInitialize(ap, an)
    } else {
        this.quickInit()
    } if (ao) {
        this.resetAxesScale(ao, an.axes)
    }
    this.draw();
    this.target.trigger("jqplotPostReplot")
}

线路
if (ap || !L.isEmptyObject(an)) {
this.reInitialize(ap, an)
}
向我们表明 ap 需要一个真值才能将其作为第一个参数传递给内部重新初始化函数。其定义为 var ap = an.data || null;

就这么简单，但遗憾的是没有记录在我能找到的任何地方。

---

请注意，如果您想重绘 jqPlot 选项中定义的某些内容（例如图例标签），您可以将任何选项传递给 replot 函数。请记住要重新绘制的实际系列必须命名为“数据”

var options = {
     series : [{
            label: 'Replotted Series',
            linePattern: 'dashed'
     }],
   //^^^ The options for the plot
     data : [[1,2],[2,3]]
   //^^^ The actual series which should get reploted
}
chartObj.replot (options)

Answer 3

jqplot 允许快速动态数据更新。

根据文档（数据部分） ，“不应在选项对象中指定数据...” (fiddle< /a>)

plot1.replot({data: [storedData]}); // data should not be passed this way

“...但作为 $.jqplot() 函数的第二个参数传递。”

if (plot1) plot1.destroy();
plot1 = $.jqplot('chart1', [storedData]); // similar speed to replot

fiddle 表明这可以通过类似的性能来完成。

Answer 4

在渲染图表之前清空图表 div

$('#graphDiv').empty();
plot = $.jqplot('graphDiv', [graphValues], graphOptions);

Answer 5

API 有一个 replot/redraw 方法

重绘这使得绘图数据和属性能够被更改，然后
完全清除剧情并重新绘制。