javascript - HighCharts 半饼图圆

Question

我正在尝试构建一个 Semi-pie HighCharts 中的图表。我只需向半圆提供 1 个值 45%，在本例中 Firfox 为 45%。我希望当我只提供 1 个 value 时，它​​实际上应该仅渲染饼图的 45%，而不是整个 100%。我怎样才能做到这一点？

这是我的 jsfiddle link

Answer 1

不是要抢@AntoJurković的风头，但他在评论中的想法是实现你想要的最简单的方法。

这是一个示例 fiddle .

重要的部分是:

series: [{
        type: 'pie',
        name: 'Browser share',
        innerSize: '50%',
        data: [                
            {y: 45, name: 'Firefox'},
            {y: 55, color: 'transparent',dataLabels:{enabled: false}} // instead of the background color, use transparent, and disable dataLabels
        ]
  }]

和

   tooltip: {
        formatter: function(){
            if (this.point.color == "transparent") {
                return false; // suppress the tooltips if it has no color
            } else {                    
                return this.series.name + ':<b>' + this.point.percentage +'%</b>';
            }
        }
    },