angularjs - 如何为系列添加 highcharts-ng 饼图自定义颜色？

Question

这是我的图表对象。

$scope.chartConfig = {
                        options: {
                            chart: {
                                type: 'pie',
                                plotBackgroundColor: null,
                                plotBorderWidth: null,
                                plotShadow: false

                            },
                            title: {
                                text: 'Status Counts in the Current Stage.'
                            },
                            plotOptions: {
                                pie: {
                                    dataLabels: {
                                        enabled: false
                                    },
                                    showInLegend: true
                                }
                            }
                        },
                        series: [{       
                            data: [
                                ['foo', 10],
                                ['bar', 90],
                                ['baz', 100]
                            ]
                        }],

                        loading: true
            };

在这里，我需要为 foo、bar、baz 分隔用户定义的颜色。如何在角度的 highchart-ng 中做到这一点。

Answer 1

如果你想为每个用户自定义颜色，你可以像这样修改你的代码：

$scope.chartConfig = {
                   options: {
                        chart: {
                            type: 'pie',
                            plotBackgroundColor: null,
                            plotBorderWidth: null,
                            plotShadow: false

                        },
                        title: {
                            text: 'Status Counts in the Current Stage.'
                        },
                        plotOptions: {
                            pie: {
                                dataLabels: {
                                    enabled: false
                                },
                                showInLegend: true
                            }
                        }
                    },
                    series: [{       
                       data: [{
                                name: 'foo',
                                y: 56.33,
                                color: '#E94B3B'
                               }, {
                                name: 'bar',
                                y: 24.03,
                                color: '#8AD5E7',
                                sliced: true,
                                selected: true
                               }, {
                                name: 'baz',
                                color: '#F8C471',
                                y: 10.38
                            }]
                    }],

                    loading: true
        };

这里有一个例子：

http://jsfiddle.net/69kmnxgj/2/