Question

我想创建一个饼图，显示商店中的组字段。例如，如果我商店中的每个学生都有一个“成绩”字段，我希望饼图显示每个年级的学生相对数量。这可能吗？或者饼图必须显示一个字段我的商店：

Ext.define('AM.store.Users', {
    extend: 'Ext.data.Store',
    model: 'AM.model.User',
    data: [
        {Name: 'derp', Grade: 'FR'},
        {Name: 'herp', Grade: 'SR'},
                 ....
        {Name: 'beavis', Grade: 'SR'}
    ],
    groupField: 'Grade',
 });

我在图表上的尝试：

Ext.define('AM.view.user.Chart' , {
    extend: 'Ext.chart.Chart',
    alias: 'widget.userchart',
    width: 500,
    height: 600,
    animate: true,
    store: 'Users',
    shadow: true,
    legend: { position: 'right'},
    insetPadding: 25,
    series: [{
            type: 'pie',
            angleField: 'PreReq',
            showInLegend: true,
            highlight: {
                    segment: {
                            margin: 20
                    }
            }
            animate: true
    }]
});

感谢任何提示！

Answer 1

在商店中，您可以使用过滤，排序和分组，然后在图表中以动态方式反映。您需要将结果分组为一系列数据以显示在图表中。

Extjs 4：饼图显示来自商店的groupField

1 个答案: