javascript - 量规图表图形的Highchart尺寸

对于图形的大小，我面临着一个奇怪的问题。

我想要这样的带子大小。



但是，我越来越像这样。



您可以在下面看到我的努力。

chart: {
                type: 'gauge',
                alignTicks: false,
                height: 330,
                width: 160
            },

            title: null,
            pane: {
                startAngle: -90,
                endAngle: 90,
                size: '90%',
                background: [{
                    backgroundColor: '#fff',
                    borderWidth: 0
                }]
            },
            yAxis: {
                min: 0,
                max: 100,
                tickPosition: 'inside',
                tickColor: '#666',
                tickLength: 10,
                tickWidth: 0,
                minorTickWidth: 3,
                minorTickColor: '#fff',
                minorTickPosition: 'inside',
                minorTickLength: 0,
                minorTickInterval: null,
                offset: -10,
                lineWidth: 0,
                labels: {
                    enabled: false
                },
                endOnTick: false
            }

您的帮助将不胜感激。

最佳答案

如果我正确理解您的问题：在量规图表中，试条的“宽度”由每个plotBand的选项thickness确定。

plotBands: [{
            from: 0,
            to: 20,
            thickness: 40,
            color: '#55BF3B' // green
        }, {
            from: 20,
            to: 60,
            thickness: 40,
            color: '#DDDF0D' // yellow
        }, {
            from: 60,
            to: 100,
            thickness: 40,
            color: '#DF5353' // red
        }]

有关示例，请参见http://jsfiddle.net/doc_snyder/zd9mshm7/。