I want to change the font color / size of the labels on my igPieChart. I see that there is a textStyle option, but I am not sure what to set it to. I have tried a css class and inline style syntax, but nothing seems to change it.
Hello,
Currently its not possible to set different colors for each slice. I can recommend you to log this as feature request at http://ideas.infragistics.com.
Looking forward to hearig from you.
The .ui-chart-pallette classes dont help me. I assign the brush colors of the slices dynamically based on the value being represented. I would want to set the font color of any label being written on top of that slice to be in a color that will contrast with the slice color.
Let me know if I may be of further assistance.
Hi rsimm,
You can apply individual style to a slice with CSS again. Every slice is associated with the class ui-chart-palette-N. Have a look at the online sample :
jsfiddle:
http://jsfiddle.net/gmurray/pf7521r4/
Code snippet:
.ui-chart-palette-1{ border-color: rgb(35, 128, 168); background-color: rgb(68, 172, 214);}
.ui-chart-palette-2{ border-color: rgb(51, 51, 51); background-color: rgb(73, 73, 73);}
.ui-chart-palette-3{ border-color: rgb(128, 128, 128); background-color: rgb(168, 168, 168);}
...
That is exactly what I was looking for. Thanks!
Is there any chance that there is a CSS class that will refer to text within a slice?