Displaying specified colors on the pie chart rather than default colors

Question

Any ideas on how I can display my own colors on the pie charts rather than displaying default colors?

Answer 1

Hi,
You can specify your own colours by changing the default CSS styles.
Go to the Chart Attributes for the pie chart, and in the CSS section select Yes in the "Use Custom CSS" option. You can now edit the CSS for the chart.
At the bottom of the "Custom CSS, inline" setting, you need to add in two lines for each possible segment of the chart. Something like:
rect.data1{stroke:#FFFFFF;stroke-width:0.5;fill:green;}
path.data1{stroke:#FFFFFF;stroke-width:0.5;fill:green;}
rect.data2{stroke:#FFFFFF;stroke-width:0.5;fill:yellow;}
path.data2{stroke:#FFFFFF;stroke-width:0.5;fill:yellow;}
rect.data3{stroke:#FFFFFF;stroke-width:0.5;fill:red;}
path.data3{stroke:#FFFFFF;stroke-width:0.5;fill:red;}
This will set the colours of the first three segments to green, yellow and red respectively. Add in more rect.datan and path.datan entries until you have accounted for the maximum number of segments that your chart may contain.
Regards
Andy