custom pie chart colors in nvd3-angular

Question

I'm trying to customise pie chart's colors using angular-nvd3 extension.

This is what I caught in plunker here. As you can see the color of the legend was being customised but the chart wasn't.

I need the colors being passed inside the data object. Do you have any ideas how I can fix it?

possible duplicate of [How to customize color in pie chart of NVD3](http://stackoverflow.com/questions/16191542/how-to-customize-color-in-pie-chart-of-nvd3) — shabeer90, Oct 20 '14 at 12:46
but how can it be reached according to this angular solution? — Alex Berdyshev, Oct 20 '14 at 16:17

score 8 · Accepted Answer · edited Jun 03 '20 at 09:14

8

It's not that hard, try this -

$scope.options = {
            chart: {
                type: 'pieChart',
                height: 500,
                ...
                ... // You code
                ...
                color:['#C620D2','#528BE8','#45B29D']
            }
        };

edited Jun 03 '20 at 09:14

halfer

19,824
17
99
186

answered Oct 20 '14 at 18:34

shabeer90

5,161
4
47
65

1

Thanks this was a real help. On a deadline too. – Warren Reilly Feb 20 '15 at 10:30

custom pie chart colors in nvd3-angular

1 Answers1