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 exportEnabled="0"  showYAxisValues="0" divLineAlpha="0" showLimits="0" yAxisMinValue="-9.0" xAxisMinValue="-0.110731989318" showAboutMenuItem="0" yAxisMaxValue="32.0" showAlternateHGridColor="0" canvasPadding="0" showZeroPlane="0" showToolTip="1" showVLimits="0" xAxisMaxValue="0.582691758319" yAxisName="Value"  bubbleScale="0.7" subcaption="Latest data is from 14/09/2015" >\
    <categories>\
        <category showVerticalLine="1" x="-0.110731989318"  alpha="20" label="-0.1"/>\
        <category showVerticalLine="1" x="-0.010731989318"  alpha="20" label="-0.0"/>\
        <category showVerticalLine="1" x="0.089268010682" alpha="20" label="0.1"/>\
        <category showVerticalLine="1" x="0.189268010682" alpha="20" label="0.2"/>\
        <category showVerticalLine="1" x="0.289268010682" alpha="20"  label="0.3"/>\
        <category showVerticalLine="1" x="0.389268010682" alpha="20" label="0.4"/>\
        <category showVerticalLine="1" x="0.489268010682" alpha="20" label="0.5"/>\
        <category showVerticalLine="1" x="0.582691758319"  alpha="20" label="0.6"/>\
    </categories>\
    <dataset showValues="1">\
        <set name="sdsdsd" color="" x="0.3" y="25.5" z="28.1" tooltext="dsssd: X.1" />\
        <set name="sdsdsd" color="" x="0.3"  y="0.4" z="5.0" tooltext="0"/>\
        <set name="sddssd" color="FF5555" x="-0.0" y="-2.5" z="0.9" tooltext="sddsds.9"/>\
        <set name="sdjdsd" color="" x="0.5" y="3.7" z="7.2" tooltext="2" />\
    </dataset>\
    <trendlines>\
        <line alpha="15" color="948A54" displayValue=" " endValue="2.05934018754" isTrendZone="1" startValue="-9.0"/>\
        <line alpha="15" startValue="-9.0" displayValue="-9"/>\
        <line alpha="15" startValue="-3.0" displayValue="-3"/>\
        <line...