Pie3d chart which complements on legend click
Created using FusionCharts Suite XT - www.fusioncharts.com
by Nabajeet Sonowal
HTML
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<div id="chart-container">FusionCharts will render here</div>
<input id='update-data' type='Button' value='Restore' />
JavaScript
FusionCharts.ready(function () {
var data = {
"chart": {
"caption": "Age profile of website visitors",
"subCaption": "Last Year",
"startingAngle": "120",
"showLabels": "0",
"showLegend": "1",
"theme": "fint"
},
"data": [{
"label": "Current Prototype",
"value": "30"
}, {
"label": "Revised Prototype",
"value": "35"
}, {
"label": "Previous Prototype",
"value": "25"
}, {
"label": "Recalled Prototype",
"value": "10"
}]
},
data0 = {
"chart": {
"caption": "Age profile of website visitors",
"subCaption": "Last Year",
"startingAngle": "120",
"showLabels": "0",
"showLegend": "1",
"theme": "fint"
},
"data": [{
"label": "Current Prototype",
"value": "30"
}, {
"label": "Revised Prototype",
"value": "35",
"alpha": "0"
}, {
"label": "Previous Prototype",
"value": "25",
"alpha": "0"
}, {
"label": "Recalled Prototype",
"value": "10",
"alpha": "0"
}]
},
data1 = {
"chart": {
"caption": "Age profile of website visitors",
"subCaption": "Last Year",
"startingAngle": "120",
"showLabels": "0",
"showLegend": "1",
"theme": "fint"
},
"data": [{
"label": "Current Prototype",
"value": "30",
"alpha": "0"
}, {
"label": "Revised Prototype",
"value": "35"
}, {
"label": "Previous Prototype",
...