1

Rally.data.custom.Store でパイに設定された型指定子を使用して、RallyChart を接続しようとしています。RallyChart のタイプが列に設定されているか空白の場合、データは正しく表示されます。タイプがパイに設定されている場合、すべて 0% が返されたパイが返されます。

私のお店はこんな感じです。

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);
}

私のデータ受信は次のようになります: ['Defects', 4], ['Feature A', 4] ['Feature B', 4]

縦棒グラフでは表示できるのに、円グラフでは表示できない理由はありますか?

4

1 に答える 1

0

これは、チャートの 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 構成の一部としてシリーズを渡すだけで済みます。

于 2013-06-20T16:42:14.217 に答える