FusionCharts - Gallery Example - Bubble Chart in JavaScript

Created using FusionCharts Suite XT - www.fusioncharts.com

by Vishalika

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<!-- A Bubble Chart showing sales analysis of shoes of different brands for Harry's Supermart for last month. -->

<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var conversionChart = new FusionCharts({
        type: 'bubble',
        renderAt: 'chart-container',
        width: '600',
        height: '300',
        dataFormat: 'xml',
        dataSource:'<chart showLimits="0" showAboutMenuItem="0" showVLimits="0" showAlternateHGridColor="0" showToolTip="1" yAxisMaxValue="74.0" xAxisMaxValue="16.0" exportEnabled="0" canvasPadding="0" xAxisName="Change imdks jksdkds kjdsor" divLineAlpha="0" showYAxisValues="0" subcaption="Latest data is from 09/08/2015" showZeroPlane="0" yAxisMinValue="-12.0" caption="US dsknds dsjkds" xAxisMinValue="-15.0" yAxisName="Value" bubbleScale="0.7">\
<categories>\
<category x="-15.0" showVerticalLine="1" label="-15"/>\
<category x="-11.0" showVerticalLine="1" label="-11"/>\
<category x="-7.0" showVerticalLine="1" label="-7"/>\
<category x="-3.0" showVerticalLine="1" label="-3"/>\
<category x="1.0" showVerticalLine="1" label="1"/>\
<category x="5.0" showVerticalLine="1" label="5"/>\
<category x="9.0" showVerticalLine="1" label="9"/>\
<category x="13.0" showVerticalLine="1" label="13"/>\
<category x="16.0" showVerticalLine="1" label="16"/>\
</categories>\
<dataset showValues="1">\
<set name="Foo" color="" x="-0.1" y="6.9" z="7.0" hasShownMultiMetricFilterTooltipHelp/>\
<set name="Bar" color="" x="6.3" y="12.8" z="11.7" hasShownMultiMetricFilterTooltipHelp/>\
<set name="Toto" color="" x="1.8" y="14.0" z="24.0" hasShownMultiMetricFilterTooltipHelp/>\
<set name="Ddssdsdo" color="" x="-6.9" y="3.6" z="5.3" hasShownMultiMetricFilterTooltipHelp/>\
<set name="Qdoba" color="" x="-5.2" y="4.3" z="17.0" hasShownMultiMetricFilterTooltipHelp/>\
<set name="dsdssd" color="" x="5.5" y="31.4" z="36.8" hasShownMultiMetricFilterTooltipHelp/>\
<set name="xdssdsdsd dsjsd" color="" x="5.2" y="15.5" z="18.6" hasShownMultiMetricFilterTooltipHelp/>\
<set name="madskm sdksdl" color="" x="-3.7" y="22.2" z="30.1" hasShownMultiMetricFilterTooltipHelp/>\
<set name="kdslsdsh" color=""...