FusionCharts - Gallery Example - Stacked Bar 2D
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>
<!-- Stacked Bar 2D chart showing product wise quarterly revenue for the current year. -->
<div id="chart-container">FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function () {
var revenueChart = new FusionCharts({
type: 'stackedbar2d',
renderAt: 'chart-container',
width: '450',
height: '400',
dataFormat: 'json',
dataSource: {
"chart": {
"alternatevgridcolor":"#FFFFFF",
"showXAxisLine":"1", //1st issue is resolved here.
"divlinecolor":"#FFFFFF",
"vdivlinecolor":"#FFFFFF",
"tooltipbgcolor":"#F3F3F3",
"tooltipbordercolor":"#666666",
"canvasbordercolor":"#FFFFF",
"showborder":"0",
"showLegend" :"0",
"showToolTip":"0",
"bgColor":"#FFFFFF",
"showYAxisValues":"0",
"plotGradientColor":""
//"plotBorderAlpha":"30" //2nd issue is resolved here.
},
"categories": [
{
"category": [
{
"label": "TOTAL OPPORTUNITIES"
},
{
"label": "Qualification"
},
{
"label": "Analysis"
},
{
"label": "Proposal"
}
]
}
],
"dataset": [
{
"seriesname": "DUMMY1",
"color":"#FFFFFF",
"plotbordercolor":"#FFFFFF",
"showValues": "0",
"data": [
{
"value": "0"
},
{
"value": "12.5"
},
{
"value": "25"
},
{
...