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/themes/fusioncharts.theme.fint.js"></script>
<script src="https://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="https://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
        type: 'pie3d',
        renderAt: 'chart-container',
        width: '500',
        height: '400',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "caption": "Split of Revenue by Product Categories",
                "subCaption": "Los Angeles Topanga - Last month",
                "numberPrefix": "$",                
                "startingAngle": "90",
                "decimals": "0",
                //"centerLabel": "$percentValue",
                "centerLabelFontSize": "20",
                "theme": "fint",
                "showPercentValues": "1",
                "enableSmartLabels": "0",
                "showLegend": "1",
                "legendPosition": "RIGHT"
            },
            "annotations": {
                          "showBelow" : "0",
                          "width": "500",
                          "height": "100",
                          "autoScale": "1",
                          "groups": [
                              {
                                  "id": "user-images",
                                  "items": [
                                      {
                                          "id": "dyn-label-1",
                                          "type": "text",
                                          "color": "#1a1aff",
                                          "showBorder": "1",
                                          "x": "$legendStartX-10",
                                          "y": "$legendStartY+12"

                                      },
                                      {
                                          "id": "dyn-label-2",
                                          "type": "text",
                                          "color": "#00ffff",
                                          "showBorder": "1",
                                          "x":...