FusionCharts - Gallery Example -Multi-Level Pie Chart in Javascript
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.powercharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<!-- Sales by category shown using Multi-level Pie Chart. -->
<div id="chart-container">FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function () {
var topProductsChart = new FusionCharts({
type: 'multilevelpie',
renderAt: 'chart-container',
id: "myChart",
width: '500',
height: '500',
dataFormat: 'json',
dataSource: {
"chart": [
{
"_exportHandler": "..\/FusionCharts\/Export\/Exported_Images\/FCExporter.aspx",
"_exportAction": "download",
"_formatNumberScale": "1",
"_formatNumber": "1",
"_caption": "Discretionary Awards by Award Type",
"_showToolTip": "1",
"_showShadow": "1",
"_bgAlpha": "0",
"_plotHighlightEffect": "1",
"_thousandSeparator": "1",
"_pieBorderColor": "FFFFFF",
"_exportAtClient": "0",
"_baseFontColor": "#330000",
"_hoverFillColor": "FDCEDA",
"_borderAlpha": "0",
"_exportEnabled": "0",
"_showValueInToolTip": "1",
"_numberScaleValue": "1000,1000,1000",
"_pieBorderThickness": "0",
"application": [
{
"apply": [
{
"_toObject": "DataPlot",
"_styles": "MyFirstBevel"
},{
"_toObject": "CAPTION",
"_styles": "CaptionFont"
}]
}],
"_numberScaleUnit": "K,M,B",
"definition": [
{
"style": [
{
"_type": "Bevel",
"_name": "MyFirstBevel",
"_distance": "20",
"_shadowColor": "890EC1",
"_shadowAlpha": "80",
"_angle": "45"
},{
"_type": "font",
"_size": "20",
"_name": "CaptionFont",
"_font": "Segoe UI",
"_bgColor": "333333",
"_color": "FFFFFF"
}]
}],
"_showLabels": "1",
"category": [
{
"_label": "Discretionary Award Dollars{br}$52,790,366,508",
"category": [
{
"_label": "Other",
"_toolText": "Other total is $8,097,509,257 {br}or 15.3 % of discretionary award dollars. ",
"_value": "8097509257",
"_Color": "#AE95BD ",
"category": [
{
"_toolText": "EVALUATION total award amount is $2,114,813...