Sign in to follow this  
sfhaney

Bubble Chart With Colored Quadrant Backgrounds

Recommended Posts

Does anyone know if its possible to take a bubble chart like http://www.fusioncharts.com/charts/bubble_2/ and color each quadrant in the background in a distinct color?  It'd be like a mix between a heat map and a bubble chart.  I see some examples where the background color can be manipulated but it seems to be only possible on one plane (i.e. vertical or horizontal).  In my case I'd like to make a specific defined area a certain color (such as the lower left quadrant green, upper right red, and upper left & lower right yellow).

 

Thanks in advance if anyone has any suggestions!

Share this post


Link to post
Share on other sites

Hi,

 

The kind of your requirement is not feasible as of now in FusionCharts. However, we have logged a feature request regarding the requirement.

 

If feasible we will let you know about its update.

 

Thanks.

Share this post


Link to post
Share on other sites

Hi,

 

The kind of your requirement is not possible natively but can be achieved with the help of annotations. Please refer the fiddle below for implementation.
http://jsfiddle.net/moonmi/upk2kty9/
 
To know more about annotations please refer the documentation below:
 
Hope this helps. Drop us a mail if you require any assistance.
 
Thanks.

Share this post


Link to post
Share on other sites
Hi,

 

your example can only work if you have items to be referenced (Puma and Nike in your case represent half of the graph).

 

I would need to paint the chart sections (such as your example, but more than 4 sections). Is it possible to do this without reference to the elements but only to the coordinates of the chart? (I tried to edit your example but my idea to reach the half don't seem to work "(($canvasEndX - $canvasStartX) / 2) + $canvasStartX") have you got any suggestions? I ran out of ideas.

 

Thank you.

Share this post


Link to post
Share on other sites

Hi,

 

Macros in annotations only support manipulation via addition and subtraction as of now. Manipulation via multiplication and division is not possible. You can check out this developer documentation to know more about using macros to place annotations: http://www.fusioncharts.com/dev/advanced-chart-configurations/annotations/positioning-annotations-using-macros.html

Edited by Gagan Sikri

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
Sign in to follow this