Donut Chart – Data Series – Color change

Suresh Arumugam

September 21, 2016 at 10:19 pm #2733

Hi,

We have requirement to enable more color options for Donut chart. We have below options for Data series color with SPARK toolkit.
<div class=”pre”>

• Default
• Primary
• Info
• Success
• Warning
• Danger

Could you please advise possible options to change different color other than available.

Also please advise, can we change color of each data points (slice) in a data series.

Thanks,

Suresh Arumugam

</div>

SPARK Support

September 22, 2016 at 8:50 am #2742

Hi Suresh,

These choices are based what is available in Bootstrap. In order to change the colors beyond this availability, you would need to create your own custom CSS and add it to the Inline CSS of your Coach View.

You may want to try walking through this article with a simpler control, and then apply the techniques to your own custom chart.

https://salientprocess.zendesk.com/hc/en-us/articles/217879818-Creating-Your-Own-Control

Regards,

Stephen P.

Suresh Arumugam

September 26, 2016 at 11:10 pm #2781

Hi Stephen,

Thanks for your reply. As you have instructed, I am trying to extend/customize Donut Chart implementation and I need some help in understanding.

Following CSS class names are referred in Javascript file : BPMExt-Control-Chart.js  for Data Series color change

bg-primary, bg-info, bg-success, bg-warning, bg-danger

and I searched c3.css and BPMExt-Control-Chart.css file for definition of above classes but could not found.

I would like to extend Data Series color option by adding few more css classes. Could you please advise what other files, I should check to add more css classes.

Appreciate your help! Looking forward to hear from you!

Thanks,

Suresh Arumugam

 

 

SPARK Support

September 27, 2016 at 4:02 pm #2794

Hi Suresh,

Which version of the Toolkit are you using?

Regards,

Stephen P.

Suresh Arumugam

September 27, 2016 at 9:26 pm #2795

Hi Stephen,

I am using Spark UI (4.3.2.1 CE). Please advise.

Thanks and Regards,

Suresh Arumugam

SPARK Support

September 29, 2016 at 9:50 am #2806

Hi Suresh,

The Community Edition of the SPARK UI Toolkit is intended to get a general feel for the use of the product.  The Enterprise Edition of the Toolkit is much more accessible in terms of making customizations.  Customers with an Enterprise subscription also have access to additional toolkits such as the SPARK Styler, which is used to change the appearance of most controls.

You can attempt to follow the article on Creating Your Own Control with the Community Edition toolkit and customizing the CSS.  However, this article was written with the Enterprise subscriber in mind that would have access to all of the source code.

Regards,

Stephen P.