FieldEffect

Image Or Three Colour Gradient Bar Backgrounds?

Recommended Posts

I'm trying to use FusionCharts to implement a 2d bar or column chart with bars/columns which have a gradient fill that goes from green to yellow to red (for progressively higher values). So a small value like 1 would be a small bar that was just green, a medium value like 50 would be a gradient bar from green to yellow, and a high value like 100 would be a bar with a gradient going from green to yellow to red.

 

I can think of two ways of doing it, but can't figure out how to make FusionCharts do either of them:

 

1. Is it possible to specify gradients for the bars/columns with more than one colour? I can get a two colour gradient by setting the dataseries colour to red and the gradient colour to green, but that only gives me green to red. I need Green to yellow to red. Is it possible to specify three colour gradients?

 

2. Is it possible to specify an image as the background to each bar/column? This would be perfect, because I could create my green/yellow/red gradient as an image and apply it to each bar, then small bars would show less of the image.

 

Any way to achieve either of these (or some other magical effect that would give me the same result? I've attached an image of the effect i'm trying to achieve.

 

I'm really hoping so, because I bought FusionCharts, and now if they can't do what my customer needs i'm going to have to scrap them :( Help!

post-20880-0-63417100-1314297920_thumb.jpg

Share this post


Link to post
Share on other sites
Guest Angshu

Hi,

Welcome to FusionCharts Forum! smile.gif

 

1. Is it possible to specify gradients for the bars/columns with more than one colour? I can get a two colour gradient by setting the dataseries colour to red and the gradient colour to green, but that only gives me green to red. I need Green to yellow to red. Is it possible to specify three colour gradients?

 

Using the plotGradientColor attribute, you can globally add a gradient color to the entire plot (column, area) of chart by specifying a color as its attribute.

 

You can specify more than one colour gradient, provided you have specified the angle, ratio and alpha of the plot gradient.

 

For more details, please visit: http://www.fusioncha...c/DataPlot.html

 

2. Is it possible to specify an image as the background to each bar/column? This would be perfect, because I could create my green/yellow/red gradient as an image and apply it to each bar, then small bars would show less of the image.

I am afraid, FusionCharts does not support specifying an image as the background to each bar/column, at this time.

Hope this helps.smile.gif

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