Grouping data with bubble chart

[eng.mohamedfaroukParticipant]

I Have Json data Like that

[
"H1": [
           {"C1":"High", "R1": "Low"},
           {"C1":"Moderate", "R1": "Low"},
           {"C1":"Low", "R1": "Moderate"}
      ],
"H2": [
            {"C1":"High", "R1": "Moderate"},
            {"C1":"Moderate", "R1": "Moderate"}
      ]
"H3": [
            {"C1":"Low", "R1": "Low"}
      ]
]

I need to draw bubble chart the xAxis will be [H1,H2,H3] and the left Axise is for “C1” and the right Axise for “R1”

how I do that

[HristoParticipant]

Hello eng.mohamedfarouk,

You should add some modifications in your data to read this as a JSON object should add “{}” for each one object in the parent array.
Please, take a look at this example, that demonstrate how to map these data: http://jsfiddle.net/rpr9sjrt/
Also, you should decide how to transform this string values (“Low”, “Moderate” and “High”).
Unfortunately, we do not have such example but I would like to suggest you look at these:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxchart/javascript_chart_bubbleSeries.htm?light
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxchart/javascript_chart_column_series.htm?light

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts