Pie Chart Value label color

[rahuldhomane]

Hi ,

Is there a way to change the color of value labels in a pie chart? 

Thanks

[harikm007]

@rahuldhomane ,

If you are looking for applying same color for all value labels, try this script:

widget.on('processresult', function(se, ev){
	ev.result.plotOptions.pie.dataLabels.color = 'red'
})

-Hari

[rahuldhomane]

Hi Hari,

Thanks for your help, but the isn't working for percentage value label. Please find the image for your reference

[harikm007 · Accepted solution]

@rahuldhomane ,

Previous script is to change color of outer labels (I thought requirement is to change color of labels outside piechart). 

If you are trying to change colors of labels inside piechart (in your screenshot 43%, 40%, 12%, 5%), try this script:

widget.on('domready', function(se, ev){
	$('piechart .pie-percent-label').css('fill', 'green')
})

Result will looks like: 

-Hari

[Dennis_M]

Hari,

I'm attempting to change the font weight of pie dataLabels and not having luck.  Can you point out what is wrong with my script?  Thanks, - Dennis

widget.on('processresult', function(se, ev){
ev.result.plotOptions.pie.dataLabels.style.fontWeight = "bold"
})

[harikm007]

Hi @Dennis_M ,

Try this script

widget.on('processresult', function(se, ev){
	ev.result.plotOptions.series.dataLabels.style = {fontWeight:'bold'}
})

-Hari

[Dennis_M]

Thanks Hari for assisting me on the fontWeight .  Java/CSS is still very new to me.  - D