Shira

Different gradients for each chart bar

Recommended Posts

Can I design my bar chart with different gradient colors for each bar?

for example: 

the first bar will be a gradient of red & white 

and second, will be purple & blue? 

In my chart, I managed to create gradients but it didn't let me give the second bar different colors 

 

Thanks

Capture.PNG.b080de5861b6ba19527e8cc4995c1ae7.PNG

Share this post


Link to post
Share on other sites

Hi Shira,

In FusionCharts Bar2D chart you can provide different color to individual data plots ( bars ) by specify the HEX color code in the "color" attribute under the individual "data" objects. Also, you can apply gradient globally to all the bars by enabling the "usePlotGradientColor" chart attribute and you can apply gradient color using the "plotGradientColor" chart attribute. 

Please refer to this link for implementation: http://jsfiddle.net/30bs9ceg/

As of now, FusionCharts do not support applying different gradient color to the individual data plots.

Documentation Link: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/data-plot#add-gradient-effect-to-data-plots

Hope this will help.

Thanks,
Srishti Jaiswal

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now