Question

我有一个适用于2.0p5的应用程序。我能够在图表特定颜色中设置各个列。在图表配置中，我添加了

颜色：[ '＃89A54E'， '＃4572A7'， '＃AA4643' ]，

当我升级到2.0rc1时，颜色似乎不再被设置。我的图表配置是：

Ext.create('Rally.ui.chart.Chart', {
        animate: true,
        chartData: {
            series: [{
                type: 'column',
                name: 'Data1',
                data: data1
            },
            {
                type: 'column',
                name: 'Data2',
                data: data2
            },
            {
                type: 'column',
                name: 'Data3',
                data: data3
            }],
            categories: xAxisData
        },
        chartConfig: {
            chart: {
                type: 'column'
            },
            title: {
                text: 'Show Data'
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'yAxis Info'
                },
                stackLabels: {
                    enabled: true,
                    style: {
                        fontWeight: 'bold',
                        color: 'gray'
                    }
                }
            },
            legend: {
                align: 'right',
                x: -100,
                verticalAlign: 'top',
                y: 20,
                floating: true,
                backgroundColor: 'white',
                borderColor: '#CCC',
                borderWidth: 1,
                shadow: false
            },
            tooltip: {
                formatter: function() {
                    return '<b>'+ this.x +'</b><br/>'+
                        this.series.name +': '+ this.y +'<br/>'+
                        'Total: '+ this.point.stackTotal;
                }
            },
            colors: [
               '#89A54E',
               '#4572A7', 
               '#AA4643'
            ],
            plotOptions: {
                column: {
                    stacking: 'normal',
                    dataLabels: {
                        enabled: true,
                        color: 'white'
                    }
                }
            }
        }
    });

为什么我在2.0rc1中失去了颜色设置功能？

Answer 1

我的某个应用中的示例：

var series    = [{
    name         : 'Col 1',
    data         : [],
    showInLegend : false
},{
    name         : 'Col 2',
    data         : [],
    showInLegend : false
},{
    name         : 'Col 3',
    data         : [],
    showInLegend : false
}];
Ext.Array.each(records, function(record) {
    //HighCharts Data
    record.set('name', ...);
    record.set('y', ...);
    record.set('color', ...);

    //Add record to series
    series[index].data.push(record.data);
    // Add to chartData
});

希望这有助于您/为您服务！

使用2.0rc1设置拉力赛图表的颜色

1 个答案: