配置仪表系列图表

时间:2019-05-15 05:02:22

标签: highcharts

我已经尝试过

this

这是我的代码jsfiddle code

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

我想增大圆的宽度,更改线条的颜色。

请帮助我,谢谢。

1 个答案:

答案 0 :(得分:2)

您可以为每个thickness的{​​{1}}属性添加

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
        }]

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