FusionCharts - Column 2D Chart in JavaScript
Created using FusionCharts Suite XT - www.fusioncharts.com
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 style="background-color:black">
<div id="chart-container">FusionCharts will render here</div>
</div>
JavaScript
FusionCharts.ready(function () {
var revenueChart = new FusionCharts({
type: 'angulargauge',
renderAt: 'chart-container',
width: '500',
height: '240',
dataFormat: 'json',
dataSource: {
"chart": {
"clickurl": "JavaScript:openRadWinTemp(\"3\");",
"manageresize": "1",
"bgcolor": "000000",
"basefontcolor": "95aacc",
"bgalpha": "100",
"tickvaluestep": "2",
"origw": "400",
"origh": "250",
"gaugestartangle": "180",
"gaugeendangle": "0",
"numbersuffix": "%",
"subcaption": "Nov 2013 - Oct 2014",
"managevalueoverlapping": "1",
"autoaligntickvalues": "1",
"fillangle": "45",
"upperlimit": "10",
"lowerlimit": "-10",
"majortmnumber": "10",
"majortmheight": "8",
"showgaugeborder": "0",
"gaugeouterradius": "140",
"gaugeoriginx": "205",
"gaugeoriginy": "206",
"gaugeinnerradius": "2",
"formatnumberscale": "0",
"decimals": "2",
"tickmarkdecimals": "1",
"pivotradius": "17",
"showpivotborder": "1",
"pivotborderthickness": "5",
"caption": "Actual v/s Previous CO2",
"showborder": "0",
"basefontsize": "9",
"tickvaluedistance": "8"
},
"colorrange": {
"color": [
{
"minvalue": "-10",
"maxvalue": "-2.50",
"code": "399E38"
},
{
"minvalue": "-2.50",
"maxvalue": "2.50",
"code":...