extjs - 使用相同的函数重新渲染条形图，但 ExtJS 中的数据不同

Question

我正在使用 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'

    });
}

Answer 1

当您刷新商店时，图表应该会自动更新。

尝试这个：

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*/});
        }
    };
})();