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 rsimm,
Thank you for contacting us!
About your question, you can set the style of the text with textStyle option like this (textStyle: "12pt Tahoma"). I am currently investigating how to set the color of the text also.
I will contact you soon with my findings.
Hello again,
There is a css class which you can use in order to change color of the text also. The class is called .ui-chart-piechart-container:
.ui-chart-piechart-container { color: white; }
Just add it to the page that I've send you in my previous reply.
Thank you for using our controls!
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?