Конфиг манометр серии Highchart

Question

Я пробовал конфигурацию Highchart, как

Это мой код Код jsfiddle

chart: {
    type: 'gauge',
    plotBackgroundColor: null,
    plotBackgroundImage: null,
    plotBorderWidth: 0,
    plotShadow: false
}

Я хочу увеличить ширину круга, изменить цвет линии.

Пожалуйста, помогите мне, спасибо.

Answer 1

Вы можете добавить thickness свойство каждого plotBand

 plotBands: [{
        thickness: 50,
            from: 0,
            to: 120,
            color: '#55BF3B' // green
        }, {
        thickness: 50,
            from: 120,
            to: 160,
            color: '#DDDF0D' // yellow
        }, {
        thickness: 50,
            from: 160,
            to: 200,
            color: '#DF5353' // red
        }]

А для изменения цвета линии используйте опцию набора для вашей серии

series: [{
        name: 'Speed',
            dial: {
                    backgroundColor:'#D9972E',
                    radius: '100%',
                    baseWidth: 5,
                        baseLength: '5%',
                        baseWidth: 10,
                        rearLength: '0%',
                },
        data: [80],
        tooltip: {
            valueSuffix: ' km/h'
        }
    }]

https://jsfiddle.net/viethien/8q56hmz2/17/