5

我想在我的 ExtJS4 图表之一中有许多 LineSeries。

我有一家看起来像这样的商店：

Ext.define('DayStatistics', {
    extend:'Ext.data.ArrayStore',
    fields:[ 'date', 'count_impressions', 'count_clicks', 'count_conversions' ]
});

并且根据我在网格视图中选择的条目数，我想为每个条目绘制三条线（'count_impressions'、'count_clicks'、'count_conversions'），这意味着网格视图中的每个条目都会有几个商店中的条目。

目前，我有以下函数，每次选择更改都会调用它：

loadChart: function (Model, records) {
    var removeChart = function (chart) {
        var series = chart.series.items, surface = chart.surface,
            length = series.length, len = surface.groups.keys.length,
            array = [];
        for (var i = 0; i < length; i++)
            array = Ext.Array.merge(array, series[i].group.keys);
        chart.series.clear();
        for (var j = 0; j < array.length; j++)
            surface.items.getByKey(array[j]).destroy();
        for (var t = 0; t < len; t++)
            surface.groups.items[t].destroy();
    };

    var chart = Ext.getCmp('advertiserstatisticlist.advertiserChart');
    removeChart(chart);

    for (var record in records) {
        chart.series.add({
            type:'line',
            xField:'date',
            yField:'count_impressions'
        });
        chart.store.loadData(records[record].data.days, true);
        chart.refresh();
    }
}

有了它，我可以将网格视图中的哪个条目更改为图表。但这不是我想要的。如何显示“多个商店”？

我想到了一种解决方案，我必须尝试：通过执行类似 { date : 'impressions_1', 'impressions_2', ... } 的操作来“线性化”商店。但这种解决方案只会将黑客的复杂性从图表转移到商店。

4

1 回答 1

1

问题的前半部分是有道理的，但是这一段把它扔掉了：

有了它，我可以将网格视图中的哪个条目更改为图表。但这不是我想要的。如何显示“多个商店”？

我假设您的意思是多个系列。

使用问题中包含的处理程序应该很简单selectionchange：

loadChart: function (selModel, records) {

    var chart = Ext.getCmp('advertiserstatisticlist.advertiserChart');

    chart.series.clear();

    for (var record in records) {
        chart.series.add({
            type:'line',
            xField:'date',
            yField: record.get(/*[whatever you named the "series name" field in the grid store]*/)
        });
    }
    chart.redraw();
}
于 2013-01-16T20:04:03.423 回答