0

関数を使用して棒グラフを作成するためにextjsを使用していますが、更新時に以前の棒グラフと新しい棒グラフが表示されます.以前の棒グラフを削除して現在のグラフを表示したかった. 同じタグで renderTo を使用しました。以前の棒グラフを削除するにはどうすればよいですか、または新しい棒グラフをレンダリングするためのより良い方法はありますか?

この私の機能は、年が変わるたびに繰り返されます。

function drawchart () {
    genresC = new Ext.data.Store({
        reader: new Ext.data.JsonReader({
            fields: ['years', 'caseno'],
            record: 'rows',
            root: 'rows'
        }),
        baseParams: {
            param1: year,
            param2: ward_name
        },
        proxy: new Ext.data.HttpProxy({
            url: filetogo,
            method: 'GET'
        }),
        autoLoad: true
    });

    var baryear = new Ext.chart.ColumnChart({
        renderTo: "baryear",
        width: 250,
        height: 250,
        store: genresC,
        xField: 'years',
        yField: 'caseno'

    });
}
4

1 に答える 1

0

ストアを更新すると、グラフが自動的に更新されます。

これを試して:

var drawchart = (function() {
    var genresC;
    return function (year, ward_name, filetogo) {
        if (genresC) {
            genresC.setBaseParam('param1', newyear);
            genresC.setBaseParam('param2', ward_name);
            genresC.reload();
        } else {
            genresC = new Ext.data.Store({/*...as above*/});
            new Ext.chart.ColumnChart({/*...as above*/});
        }
    };
})();
于 2012-04-16T13:32:06.410 に答える