Accepted answer

You can call Axis.update() and pass it an object of Axis config settings. One of those settings can be new plotBands values. So every time you update the gauge value, you reset the plotBands on either side of the gauge value. You'll need to tweak other things to get my example to look just like your image.

Check out this jsFiddle:

    plotBands: [{
        from: 0,
        to: leftVal,
        color: 'pink',
        innerRadius: '100%',
        outerRadius: '0%'
        from: leftVal,
        to: 90,
        color: 'tan',
        innerRadius: '100%',
        outerRadius: '0%'
}, false);


Finally yesterday at night I found other solution, attach de fiddle. Thanks for your help.

  plotOptions: {
            pie: {
                startAngle: 0,
                allowPointSelect: true,
                innerSize: '110%',
                center: [100,200],
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: null,
                    color: '#000000',
                    connectorColor: '#000000',
                    format: '<b>{}</b>: {point.percentage:.1f} %'

Related Query

More Query from same tag