Bubble Chart With Colored Quadrant Backgrounds

[sfhaney]

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!

[Moonmi Sonowal]

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.

[Moonmi Sonowal]

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:

http://docs.fusioncharts.com/tutorial-configuring-your-chart-annotations.html

http://docs.fusioncharts.com/tutorial-advanced-charting-annotations-dynamically-positioning-annotations-using-macros.html

 

Hope this helps. Drop us a mail if you require any assistance.

 

Thanks.

[bookmark]

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.

[Gagan Sikri]

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 August 2, 2016 by Gagan Sikri