Configuring Charts - Hover effect on pointer of Horizontal Linear gauge in JavaScript gauges

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.widgets.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<!-- Hover effect on pointer of Horizontal Linear gauge. Roll over on the pointer to see the effect.

Attributes: 
    # showHoverEffect - 1/0
    # pointerBgHoverColor
    # pointerBgHoverAlpha
    # pointerHoverRadius
    # showBorderOnHover
    # pointerBorderHoverColor
    # pointerBorderHoverThickness
 -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var cscGauge = new FusionCharts({
        type: 'hlineargauge',
        renderAt: 'chart-container',
        width: '500',
        height: '150',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "caption": "Customer satisfaction score",
                "subcaption": "Current week - Garden Groove Harbour",                               
                "theme": "fint",
                "showValue": "0",                
                //Attributes to customize pointer on hover.
                "pointerBgHoverColor": "#ffffff",
                "pointerBgHoverAlpha": "80",
                "pointerHoverRadius": "12",
                "showBorderOnHover": "1",
                "pointerBorderHoverColor": "#333333",
                "pointerBorderHoverThickness": "2",
                
                "pointerRadius": "10",
                "pointerBgAlpha": "0",
                "pointerBorderAlpha": "0",
                "showPointerShadow": "1",
            },
            "colorRange": {
                "color": [{
                    "minValue": "0",
                        "maxValue": "3.5",
                        "label": "Low",
                        "code": "#e44a00"
                }, {
                    "minValue": "3.5",
                        "maxValue": "",
                        "label": "Moderate",
                        "code": "#f8bd19"
                }, {
                    "minValue": "7",
                        "maxValue": "10",
                        "label": "High",
                        "code": "#6baa01"
                }]
            },
            "pointers": {
                "pointer": [{
                    "value": "7.25"
                }]
            },
            
            "annotations": {
                          "showBelow" : "0",
                          "autoScale": "1",
                          
                          "groups": [
             ...