We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Changing the color of pie chart dataLabels...

Thread ID:





118755 Apr 7,2015 06:48 PM UTC Apr 13,2015 08:46 AM UTC JavaScript 5
Tags: ejPivotChart
Matthew Fekete
Asked On April 7, 2015 06:48 PM UTC

I'm having issues with some of the chart display options for the Olap Chart. Most importantly, the data labels for the pie chart are defaulting to white, which is not useful because the background is also white. Here's an example of what it looks like:
White on White
I've tried setting the data label font color as in the ejChart documentation:
commonSeriesOptions: { marker: { dataLabel: { font: { color: "black" } } } }
...however this seems to do nothing. In fact, none of the dataLabel options seem to do anything - fill, shape, etc. have no effect. Also, changing the common series font color does not effect the labels. Based on another post on this forum, I tried to trigger an event to change the color on series render:
onSeriesRenders: function(args) {
    for (i = 0; i < this.model.series.length; i++) {
        this.model.series[i].marker.dataLabel.font.color = "#A6A6A6";
...this also did nothing.

Similarly, I'd like to change the title font size but the documented syntax does not work. In this instance, the text will display but the size will remain default:
title: { text: "Example Title", font: { size: "16px" } }
I'm not getting any Javascript debugger errors in any of these scenarios, so I'm at a loss for how to proceed. Any thoughts?

Matt, CodeASite

Ramesh Govindaraj [Syncfusion]
Replied On April 8, 2015 12:17 PM UTC

Hi Matthew Fekete,

Thanks for using Syncfusion products.

Please use below Code snippet to set fontsize of the Title:

title: { text: "Example Title", size: "16px" }

Please use below Event to set color of the Datalabel:

displayTextRendering: " onSeriesRenders"

Please let us know if you require further assistance on this.


Ramesh. G

Matthew Fekete
Replied On April 9, 2015 07:09 PM UTC

Hi Ramesh,

Thanks for responding. The syntax you provided did work, however now that the labels are visible it's clear they're heavily overlapping both the title and each other. It looks like this:
Labels overlapping title.Labels overlapping each other.

Setting "enableSmartLabels: false" prevents the labels from overlapping the title, but then they overlap each other far more. There is plenty of white space around the graph not populated by labels. Is there any way to modify this behavior and prevent the overlap, or is this an inevitable consequence of displaying a pie chart in this control?

Matt, CodeASite

Ramesh Govindaraj [Syncfusion]
Replied On April 10, 2015 11:15 AM UTC

Hi Matthew,

Thanks for the update.

Please use below code snippet in series to prevent overlapping of labels.

enableSmartLabels= true;

Please let us know if you require further assistance on this.


Ramesh. G

Matthew Fekete
Replied On April 10, 2015 03:03 PM UTC

Sorry, I should clarify: This issue is occurring with "enableSmartLabels: true;" already explicitly set, which incidentally is also the default setting according to the API reference. It is the smart labels functionality that is causing the labels to render over the title.

As I mentioned, changing the setting to false only causes the labels to overlap inside the pie instead of outside.


Alagarsamy D [Syncfusion]
Replied On April 13, 2015 08:46 AM UTC

Hi Matthew,

Thanks for the update.

We couldn’t be able to reproduce the reported problem at our end. We have created a simple sample with “Adventure Works” cube in the below link and we would very much appreciate if you could reproduce the reported problem in the attached sample and send back to us with detailed replication procedure.

Sample link:

Please let us know if you have any concerns.

Alagarsamy D.


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

or the page will be automatically redirected to sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon