Gauge chart Highchart dial style issue

I am facing a wierd issue in gauge chart dial.

I want dial like this

enter image description here

However, I am not getting exactly like this.

plotOptions: {
        gauge: {
            dial: {
                radius: '100%',
                backgroundColor: 'gray',
                baseWidth: 20,
                topWidth: 1,
                baseLength: '3%', // of radius
                rearLength: '10%'
            }
        }
    }

You can see my efforts JSFiddle

I want bottom of it in round shape and also I want that black dot to be removed.

Thanks in advance.

Answers 1

Related Articles