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: 'dragnode',
renderAt: 'chart-container',
width: '650',
height: '450',
dataFormat: 'xml',
dataSource: "<chart showRestoreBtn='0' showToolTip='1' enableLink='1' bgImage='nuvem.png' bgImageDisplayMode='center' bgImageHalign='center' bgImageValign='center' canvasBgAlpha='0' bgcolor='FFFFFF' charttopmargin='0' chartleftmargin='0' chartbottommargin='0' chartrightmargin='0' bordercolor='FFFFFF' canvasbordercolor='8D8D8F' xAxisMinValue='0' xAxisMaxValue='150' yAxisMinValue='0' yAxisMaxValue='100' is3D='1' showFormBtn='0' viewMode='1' allowDrag='0' ><dataset seriesName='' color='' plotBorderAlpha='0' allowDrag='0'><set x='105.0' y='95.0' name='R4' color='FE3233' id='4' link='P-detailsWin,toolbar=no,width=700px,scrollbars=yes,resizable=yes-http://localhost:8080/GST/customized/tim/monitoringCPE.zul?ci_id=4' labelAlign='top' imageurl='http://msdt.lam-bull.com/link/router.png' imageWidth='47' alpha='0' imageAlign='bottom' imageNode='1' width='100' height='100' imageHeight='75' toolText='R4' allowDrag='0' /><set x='26.33474576271187' y='39.166666666666664' name='R3' color='FE3233' id='3' link='P-detailsWin,toolbar=no,width=700px,scrollbars=yes,resizable=yes-http://localhost:8080/GST/customized/tim/monitoringCPE.zul?ci_id=3' labelAlign='top' imageurl='http://msdt.lam-bull.com/link/router.png' imageWidth='47' alpha='0' imageAlign='bottom' imageNode='1' width='100' height='100' imageHeight='75' toolText='R3' allowDrag='0' /><set x='91.3135593220339' y='48.833333333333336' name='R1' color='FE3233' id='1' link='P-detailsWin,toolbar=no,width=700px,scrollbars=yes,resizable=yes-http://localhost:8080/GST/customized/tim/monitoringCPE.zul?ci_id=1' labelAlign='top' imageurl='http://msdt.lam-bull.com/link/router.png' imageWidth='47' alpha='0' imageAlign='bottom' imageNode='1' width='100' height='100' imageHeight='75' toolText='R1' allowDrag='0' /><set...