highcharts 值不适合容器

Question

我正在尝试使用 highcharts-ng 包装器使用带角度的 highcharts。问题是使用仪表类型我无法获得适合我的容器的值。

我做了一个小提琴以使其更清楚：http://jsfiddle.net/x1zhmgg5/

我想要实现的是让我的颜色条适合灰色，而不是相反（这意味着在 pane.background 上获得更宽的外半径）：

pane: {
    center: ['50%', '85%'],
    size: '140%',
    startAngle: -90,
    endAngle: 90,
    background: {
        backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || '#EEE',
        innerRadius: '60%',
        outerRadius: '100%',
        shape: 'arc'
    }
},

我一直在浏览 highchart 文档，但在 yAxis 上找不到任何东西来修复它。

Answer 1

将plotOptions 更改为：

plotOptions: {
    solidgauge: {
        dataLabels: {
            y: 1,
            borderWidth: 5,
            useHTML: true
        },
        innerRadius: '60%', // <--
        radius: '70%',      // <-- I don't know why it isn't outerRadius too...
    }
}