3

インタラクティブに更新するグラフを作成したい。jqPlot を使用していますが、replot() を呼び出してグラフを更新したり、再描画しようとすると、ブラウザーのメモリ リークが大幅に発生します。どうすれば修正できますか？

function crateChart() {
    var s1 = [['a',6], ['b',8], ['c',14], ['d',20]];
    var s2 = [['a', 8], ['b', 12], ['c', 6], ['d', 9]];

    this.plot = $.jqplot('chart', [s1, s2], {
        seriesDefaults: {
        renderer:$.jqplot.DonutRenderer,
        rendererOptions:{
            sliceMargin: 3,
            startAngle: -90,
            showDataLabels: true,
            dataLabels: 'value'
            }
        }
    });
}

function update () {
    ChartTester.plot.series[0].data = [
        ['a', Math.random() * 100],
        ['b', Math.random() * 100],
        ['c', Math.random() * 100],
        ['d', Math.random() * 100]
    ];

    ChartTester.plot.destroy();
    $('#chart *').unbind();
    $('#chart').empty();
    ChartTester.plot.redraw();
}
4

1 に答える 1

0

「プラグアンドプレイ」ソリューションはありませんが、JQPlotチャートで動的にデータを更新して刺激を与える良い例です：http：//jsfiddle.net/fracu/HrZcj/

基本的に、更新機能は次のようなものです。

function updateSeries() {
    myData.splice(0, 1);
    x = (new Date()).getTime();
    y = Math.floor(Math.random() * 100);
    myData.push([x, y]);

    plot1.series[0].data = myData;
    plot1.resetAxesScale();
    plot1.axes.xaxis.numberTicks = 10;
    plot1.axes.y2axis.numberTicks = 15;
    plot1.replot();
}
于 2013-01-04T20:00:16.857 に答える