FusionCharts - Column 2D Chart in JavaScript
Created using FusionCharts Suite XT - www.fusioncharts.com
by sanjuktamukherjee
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>
<!--
A simple Column 2D chart showing monthly revenue of Harry's SuperMart for last year.
-->
<div id="chart-container">FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function () {
var revenueChart = new FusionCharts({
type: 'bubble',
renderAt: 'chart-container',
width: '500',
height: '300',
dataFormat: 'json',
dataSource: {
"chart": {
"xaxisname": "Earnings",
"yaxisname": "Actual Revenue",
"drawquadrant": "1",
"quadrantlinecolor": "c4c4c4",
"showlegend": "1",
"legendposition": "BOTTOM",
"legendcaption": "",
"legendbgcolor": "F7F7F7",
"legendbordercolor": "bcb8b8",
"legendiconscale": "1",
"showcanvasbg": "1",
"canvasbgcolor": "F6F6F6",
"showcanvasbase": "1",
"canvasbasecolor": "F6F6F6",
"bubblescale": "0.4",
"quadrantxval": "23100",
"quadrantyval": "275650",
"chartwidth": "100%",
"chartheight": "100%",
"animation": "1",
"caption": "",
"subcaption": "",
"bgcolor": "fdfdfd",
"showlabels": "1",
"showvalues": "1",
"basefont": "sans-serif",
"basefontsize": "12",
"basefontcolor": "888888",
"labelcolumn": "",
"valuecolumn": "",
"showborder": "1",
"bordercolor": "bcb8b8",
"borderthickness": "",
"borderalpha": "0",
"canvasbgalpha": "0",
"canvasborderalpha": "0",
"alternatehgridalpha": "0",
"showvlinelabelborder": "0",
"showplotborder": "0",
"divlinealpha": "10",
"anchorradius": "5",
"plotbordercolor": "",
"plotfillratio": "100",
"alternatevgridalpha": "10",
"zeroplanealpha": "10",
"showalternatevgridcolor": "0",
"legendbgalpha": "70",
"legendshadow": "0",
"legendborderalpha":...