FusionCharts - Gallery Example - Bar 2D Chart
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>
<!-- Simple implementation of the Bar 2D chart -->
<div id="DSCR_BBPropertiesDiv">FusionCharts will render here</div>JavaScript
FusionCharts.ready(function () {
var DSCR_BBProperties = new FusionCharts({
type: 'stackedbar2d',
renderAt: 'DSCR_BBPropertiesDiv',
dataFormat: 'json',
width: '250',
height: '200',
dataSource: {
"chart": {
"caption": "",
"xAxisname": "",
"yAxisName": "",
"paletteColors": "#92d050,#ffff00,#ffc000,#ff0000",
"bgColor": "#ffffff",
"borderAlpha": "20",
"showBorder": "0",
"showCanvasBorder": "0",
"usePlotGradientColor": "0",
"plotBorderAlpha": "10",
"legendBorderAlpha": "0",
"showLegend": "0",
"legendShadow": "0",
"valueFontColor": "#000000",
"showXAxisLine": "0",
//"vDivLineAlpha": "0",
"numdivlines":"0",
"showlimits":"0",
"divLineAlpha":"0",
"showAlternateVGridColor": "0"
},
"categories": [
{
"category": [
{
"label": ""
}
]
}
],
"dataset": [
{
"seriesname": "Bin 1",
"data": [
{
"value": "5"
}
]
},
{
"seriesname": "Bin 2",
"data": [
{
"value": "4"
}
]
},
{
"seriesname": "Bin 3",
...