FusionCharts - Pie 2D Chart showing data values in tooltips
Created using FusionCharts Suite XT - www.fusioncharts.com
by Ashok Kumaresan
September 18, 2015
HTML
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<!--
Pie 2D Chart showing data values in tooltip.
Attribute :
# showPercentInTooltip - Set to 0
-->
<div id="chart-container">FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function () {
var revenueChart = new FusionCharts({
type: 'pie2d',
renderAt: 'chart-container',
width: '315',
height: '230',
dataFormat: 'json',
dataSource: {
"chart": {
"caption": "dataForSalesShareChartYear",
"subCaption": "",
"formatnumberscale": "0",
"showPercentValues": "0",
"showPercentInTooltip": "0",
// "numberscalevalue": "1000,1000",
"formatnumberscale": "0",
//"numberscaleunit": "k, ",
"baseFontSize": "12",
"placeValuesInside": '1',
"showpercentvalues": "1",
"bgColor": "ffffff",
"showBorder": "0",
"showLegend": "1",
"showLabels": "0",
"enableSmartLabels": "0",
"ChartNoDataText": "Data unavailable",
"enableMultiSlicing": "0",
"theme": "fint",
"palettecolors": "#006EAB,#70ACE2,#4c6c9c,#6f8db9,#9db1cf,#c3cfe1,#dfe5ef,#c0c0c0,#d6d7d9,#eaeaea",
"baseFontColor": "#000000",
"outCnvBaseFontColor": "#000000",
"decimals": "1",
"forcedecimals": "1",
"legendBorderColor": "000000",
"enableSlicing": "0",
"exportEnabled": "1",
"exportFormats": "PDF=Export as PDF|PNG=Export as PNG",
"exportShowMenuItem": "1",
},
"data": [
{
"label": "Nsk Limited",
"value": "285040"
},
{
"label": "BU Steering",
"value": "146330"
},
{
"label": "Robert bOSCHAutomative Steering gmbh",
...