FusionCharts - Dynamic center Labels in Doughnut 2D Chart
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/themes/fusioncharts.theme.fint.js"></script>
<!-- Showcased in this doughnut chart:
- Center label available in 2D doughnut chart, which lets you show additional info on the chart.
- Hover on doughnut slices to see additional data for each plot in centerLabel.
- Tooltips are disabled
Attributes:
1. defaultCenterLabel
2. centerLabel
-->
<div id="chart-container">FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function() {
var revenueChart = new FusionCharts({
type: 'MSLine',
renderAt: 'chart-container',
width: '700',
height: '500',
dataFormat: 'xml',
dataSource: "<chart caption='Cumulative Cash Flow for: Apax Europe IV' subCaption='*Note: All Cash Flows are based on an LP with a 10,000,000 commitment' captionPadding='15' xAxisName='' yAxisName='Cumulative Contribution (mn) / Cumulative Distribution (mn) / Net Cash Flow (mn)' showValues='0' showPlotBorder='0' borderColor='DDDDDD' borderThickness='0' canvasBorderThickness='1' canvasBorderColor='DDDDDD' chartLeftMargin='10' chartRightMargin='10' chartTopMargin='10' chartBottomMargin='40' showLegend='1' legendBorderThickness='1' legendBorderColor='DDDDDD' legendShadow='0' legendAllowDrag='0' legendBgColor='FFFFFF' legendPosition='BOTTOM' dateFormat='yyyy-mm-dd' outputDateFormat='dd/mm/yyyy' numberScaleValue='1000,1000' numberScaleUnit='Bn,Tn' showPercentageValues='0' alternateHGridColor='F1F1F1' divLineColor='DDDDDD' vDivLineColor='DDDDDD' vDivLineThickness='1' vDivLineDashed='1' hDivLineDashed='0' numVDivLines='64' numDivLines='10' divLineAlpha='0' yAxisMaxValue='16' decimalPrecision='1' NumberPrefix='' formatNumber='1' formatNumberScale='0' sformatNumberScale='0' sNumberPrefix='' syncAxisLimits='1' rotateValues='0' showSum='0' canvasPadding='5' valuePadding='0' baseFont='Verdana' valuePosition='AUTO' paletteColors='4598AD, A94445, 94C3D3, BFCD9F, 71598E, EABB97, 94A9CE, cf9293, b9cd98, FAFFFF, 1F3A93, f89406, 72e3cc, 6C7A89, B0BAD9, FCBFCB, FDE3A7' plotGradientColor='' labelDisplay='Rotate' showYAxisValues='1' yAxisValuesStep='1' showDivLineValues='1' bgColor='FEFEFE' logoURL='/images/SVG/preqin-logo.svg' logoPosition='BR' logoScale='60' ExportWithlogo='1' ExportWithBackground='0' showAlternateHGridColor='1' alternateHGridAlpha='50' anchorAlpha='100' exportEnabled='1' exportShowMenuItem='1' exportFormats='PNG=Export as High Quality Image|JPG|PDF=Export as PDF...