Agular gauge and annotations

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>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
    <div class='chartCont border-right' id='sales-chart-container'>FusionCharts will load here.</div>

CSS

#content div {
    display: inline-block;
}
#content > div {
    margin: 0px 20px;
}

JavaScript

FusionCharts.ready(function () {
    var cSatScoreChart1 = new FusionCharts({
        type: 'angulargauge',
        renderAt: 'sales-chart-container',
        width: '450',
        height: '200',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "bgcolor": "#0E1619",
                    "theme": "fint",
                    "showPivotBorder": "0",
                    "pivotFillAlpha": "0",
                    "showTickMarks": "0",
                    "showTickValues": "0",
                    "gaugeOriginX": "200",
                    "gaugeOriginy": "150",
                    "gaugeOuterRadius": "80",
                    "gaugeInnerRadius": "90",
                    "showborder": "0",
                    "gaugestartangle": "0",
                    "gaugeendangle": "-360",
                    "showTickMarks": "0",
                    "showTickValues": "0",
                    "showValue": "1",
                    "numberprefix": "$",
                    "borderAlpha": "0"
            },
                "colorRange": {
                "color": [{
                    "minValue": "0",
                        "maxValue": "90",
                        "code": "#ff0000"
                }, {
                    "minValue": "90",
                        "maxValue": "100",
                        "code": "#0E1619"
                }]
            },
                "dials": {
                "dial": [{
                    "value": "20",
                        "alpha": "0",
                        "borderAlpha": "0"
                }]
            },
                "annotations": {
                "groups": [{
                    "id": "anchor-highlight",
                        "items": [

                    {
                        "id": "label",
                            "type": "text",
                            "text": "15% <br> Target",
                            "fillcolor": "#aaaaaa",
                            "rotate":...