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
Hi harikm007 ,
I've used the code in this topic to change the font Weight successfully.
Since I would like to change font weight and font size in the same code, so I used the code like below:
widget.on('processresult', function(se, ev){
ev.result.plotOptions.series.dataLabels.style = {fontWeight:'bold'};
ev.result.plotOptions.series.dataLabels.style = {fontSize:'10px'}
})
However, it didn't work.
Can you kindly let me know how to fix it?
Thank you!
Howard
Hi Howard,
I was able to change the font size using the line below, hope this helps.
ev.result.plotOptions.pie.dataLabels.style.fontSize = '20px'
Hi zach_myt
Thank you for your help.
I have tried the code you provide. However, it didn't work.
The fontWeight was changed, yet the fontSize remained the same.
My Code is like:
widget.on('processresult', function(se, ev){
ev.result.plotOptions.series.dataLabels.style = {fontWeight:'bold'};
ev.result.plotOptions.pie.dataLabels.style.fontSize = '20px'
})
I also tried this, but it didn't work either:
widget.on('processresult', function(se, ev){
ev.result.plotOptions.series.dataLabels.style = {fontWeight:'bold'}
});
widget.on('processresult', function(se, ev){
ev.result.plotOptions.pie.dataLabels.style.fontSize = '40px'
})
Is there anything wrong in the script?
