Configured Bubble Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

by Nabajeet Sonowal

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<div id="chart-container">FusionCharts will render here</div>
<!-- A Bubble Chart showing sales analysis of shoes of different brands for Harry's Supermart for last month. -->

JavaScript

FusionCharts.ready(function () {
    var conversionChart = new FusionCharts({
        type: 'bubble',
        renderAt: 'chart-container',
        width: '600',
        height: '300',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "caption": "Sales Analysis of Shoe Brands",
                    "subcaption": "Last Quarter",
                    "xAxisMinValue": "20",
                    "xAxisMaxValue": "85",
                    "yAxisMinValue": "0",
                    "yAxisMaxValue": "30000",
                    "xAxisName": "Average Price",
                    "yAxisName": "Units Sold",
                    "numDivlines": "0",
                    "showValues": "1",
                //"showTrendlineLabels": "0",
                "plotTooltext": "$name : Profit Contribution - $zvalue%",
                    "theme": "fint"
            },
                "categories": [{
                "category": [{
                    "label": "$32",
                        "x": "32",
                        "showverticalline": "1"
                }, {
                    "label": "$50",
                        "x": "50",
                        "showverticalline": "1"
                }, {
                    "label": "$65",
                        "x": "65",
                        "showverticalline": "1"
                }, {
                    "label": "$80",
                        "x": "80",
                        "showverticalline": "1"
                }]
            }],
                "dataset": [{
                "color": "#00aee4",
                    "data": [{
                    "x": "80",
                        "y": "15000",
                        "z": "24",
                        "name": "Nike"
                }, {
                    "x": "60",
                        "y": "18500",
                        "z": "26",
                        "name": "Adidas"
                }, {
                    "x": "50",
             ...