FusionCharts - Gallery Example - Column2D Chart
Created using FusionCharts Suite XT - www.fusioncharts.com
HTML
<script src="https://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="https://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<div id="chart-container">FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function () {
var revenueChart = new FusionCharts({
type: 'column2d',
renderAt: 'chart-container',
width: '550',
height: '400',
dataFormat: 'json',
dataSource: {
"chart": {
"showLabels":"0",
"showValues":"0",
"paletteColors": "#0075c2"
},
"data": [
{
"label": "HI",
"value": "3189",
"showLabel":"1"
},
{
"label": "DC",
"value": "2879"
},
{
"label": "MD",
"value": "920"
},
{
"label": "DE",
"value": "4607"
},
{
"label": "RI",
"value": "4890"
},
{
"label": "WA",
"value": "34927"
},
{
"label": "OR",
"value": "65798"
},
{
"label": "CA",
"value": "61861"
},
{
"label": "AK",
"value": "58911"
},
{
"label": "label",
"value": "42662"
},
{
"label": "NV",
"value": "78041"
},
{
"label": "AZ",
"value": "41558"
},
{
"label": "MT",
"value": "62942"
},
{
"label": "WY",
"value": "78834"
},
{
...