2 color or gradient color in donut charts

[ashishbhattb]

Expected Behavior

https://i.imgur.com/r6q5Zwi.png

Current Behavior

https://jsfiddle.net/ashishbhatt/wnzsdgp3/20/

Possible Solution

I needs a background with 2 color or gradient, as now i am not able to add 2 colors or gradient colors

Steps to Reproduce (for bugs)

I am trying to add below script

Environment

• Chart.js version: Chart.js v2.8.0-rc.1
• Browser name and version: Chrome
• Link to your project:

[benmccann]

You could perhaps draw two datasets next to each other with different colors to get the same effect

[ashishbhattb]

Thanks @benmccann ,
going ahead i was stuck for the click events of the legends
https://jsfiddle.net/ashishbhatt/wnzsdgp3/29/
Issue: i want to animate both the dataset if user click on legends but as now its animating only 1st dataset
Please help me for the same.

[etimberg]

Another option here is to create a Radial Gradient and assign that as the background color for each arc.

[etimberg]

Added a sample file showing how to do this in #6666