highcharts值不适合容器

时间:2017-04-28 14:25:08

标签: javascript css angularjs highcharts

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

我做了一个小提琴,使其更清晰:http://jsfiddle.net/x1zhmgg5/

我想要实现的是让我的颜色条适合灰色,而不是相反(这只是意味着在pane.background上获得更宽的outerRadius):

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

我一直在浏览高级文档,但我无法在yAxis上找到任何解决方法。

1 个答案:

答案 0 :(得分: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...
    }
}