Question

我正在尝试使用设置为pie的类型说明符与Rally.data.custom.Store连接RallyChart。当RallyChart的类型设置为列或为空时，数据显示正确。当类型设置为饼时，我会得到一个返回0％s的饼。

以下是我的商店的样子：

var myStore = Ext.create('Rally.data.custom.Store', {
    data: mySeries,
    fields: [
        { name: 'WorkItems', type: 'string' },
        { name: 'Count', type: 'int' }
    ]
});

以下是我的图表配置功能：

_buildChart: function(myStore) {
this.myChart = Ext.create('Rally.ui.chart.Chart', {
    height: 400, 
    store: myStore,
    series: [{
        type: 'pie',
        name: 'Count',
        dataIndex: 'Count'
    }],
    xField: 'WorkItems',
    chartConfig: {
        chart: {
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false,
                type: 'pie'
        },
        title: {
        text: 'Work Breakdown in Selected Sprint'
        },
        tooltip: {
                pointFormat: '{series.name}: <b>{point.percentage}%</b>',
                percentageDecimals: 1
        },
        plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: true,
                        color: '#000000',
                        connectorColor: '#000000',
                        formatter: function() {
                            return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
                        }
                    }
                }
            }
    }
});
this.add(this.myChart);
}

我的数据传入如下： ['缺陷'，4]， ['特征A'，4] ['特征B'，4]

为什么柱形图可以显示它的任何想法，但馅饼不能？

Answer 1

我敢打赌这是2.0p5版图表中的一个错误。我们刚刚发布了SDK的2.0rc1版本，其中包含更好的图表版本。以下代码示例演示如何使用数据创建饼图，并在2.0rc1中创建Rally.ui.chart.Chart：

//from inside your app
this.add({
    xtype: 'rallychart',
    height: 400,
    chartData: {
        series: [{
            type: 'pie',
            name: 'Browser share',
            data: [
               ['Defects', 4], ['Feature A', 4], ['Feature B', 4]
            ]
        }]
    },
    chartConfig: {
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
            type: 'pie'
        },
        xAxis: {},//must specify empty x-axis due to bug
        title: {
            text: 'Work Breakdown in Selected Sprint'
        },
        tooltip: {
            pointFormat: '{series.name}: <b>{point.percentage}%</b>',
            percentageDecimals: 1
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    color: '#000000',
                    connectorColor: '#000000',
                    formatter: function() {
                        return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
                    }
                }
            }
        }
    }
});

请注意，不再需要创建一个中间存储来传递给图表 - 您只需将系列作为chartData配置的一部分传入。

RallyChart的类型是馅饼

1 个答案: