Highcharts饼图

时间:2013-07-10 15:01:09

标签: highcharts gauge

我正在寻找类似于此的半饼图:

i.stack.imgur.com/I26zG.png

我正在寻找规格图但在这种情况下系列不打印,only print the dial values,并且不打印带

我打算用实时plotband打印。但在这种情况下,图表api无法更改或我找不到它。

使用饼图是另一种可能,但在这种情况下我需要从-90º到+90º开始,我没有找到任何使用方法,而且type = pie没有窗格(// api .highcharts.com / highcharts#pane)选项。

任何人都可以帮助我吗?

2 个答案:

答案 0 :(得分:1)

您可以调用Axis.update()并将其传递给Axis配置设置对象。其中一个设置可以是新的plotBands值。因此,每次更新仪表值时,都会重置仪表值两侧的plotBands。您需要调整其他内容以使我的示例看起来就像您的图像。

看看这个jsFiddle:http://jsfiddle.net/ZrGut/

yAxis.update({
    plotBands: [{
        from: 0,
        to: leftVal,
        color: 'pink',
        innerRadius: '100%',
        outerRadius: '0%'
    },{
        from: leftVal,
        to: 90,
        color: 'tan',
        innerRadius: '100%',
        outerRadius: '0%'
    }]
}, false);

答案 1 :(得分:1)

最后昨天晚上I found other solution,附上小提琴。谢谢你的帮助。

  plotOptions: {
            pie: {
                startAngle: 0,
                allowPointSelect: true,
                innerSize: '110%',
                size:'150%',
                center: [100,200],
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: null,
                    color: '#000000',
                    connectorColor: '#000000',
                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
                }
            }
        }