Percent tooltip stacked charts
Created using FusionCharts Suite XT - www.fusioncharts.com
by Nabajeet Sonowal
January 08, 2015
HTML
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<!-- basic Sample for Stacked Column 3D Line Single Y Chart. -->
<div id="chart-container">FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function () {
var analysisChart = new FusionCharts({
type: 'stackedColumn3D',
renderAt: 'chart-container',
width: '500',
height: '350',
dataFormat: 'json',
dataSource: {
"chart": {
"showvalues": "0",
"formatnumberscale": "0",
"labelDisplay": "auto",
"slantLabels": "1",
"xaxisname": "Branch_Zone,Branch_Code",
"yaxisname": "Cost Price",
"exportFileName": "MyAnalytic",
"useroundedges": "1",
"canvasBgAlpha": "0",
"chartBorderAlpha": "0",
"bgAlpha": "0",
"interactiveLegend": "1",
"forceYAxisValueDecimals": "0",
"stack100Percent": "1",
"showPercentInToolTip": "1",
"showpercentvalues": "1",
"html5ExportHandler": "http://172.16.0.194:91/exporter/index.php",
"exportenabled": "1"
},
"categories": [{
"category": [{
"label": "East"
}, {
"label": "North"
}, {
"label": "South"
}, {
"label": "West"
}]
}],
"dataset": [{
"seriesname": "B004",
"data": [{
"value": "4944871.0",
"displayvalue": "4944871.000 "
}]
}, {
"seriesname": "B001",
"data": [{
"value": "1631020.0",
"displayvalue": "1631020.000 "
}]
}, {
"seriesname": "B003",
"data": [{
"value":...