Javascript 我可以使用Highcharts为每个饼图片指定不同的半径吗？

我使用的是Highcharts，它工作得非常好，我被困在一个地方，我想画一个饼图，其中每个饼图（在一个饼图中）都有不同的半径

下图为expexted饼图的附件

---

你可以跳过把它做成甜甜圈或者设计成这样。我只想知道每个饼图片如何具有不同的半径。

饼图中的每个系列都有自己的大小。所以，我叠加了一系列的饼图序列，计算它们的开始角和结束角。你需要做一些清理，让工具提示显示值而不是100，但我认为这是一个可行的解决方案

注意：下面的代码错误地假设数据点增加到100。void在他的小提琴中修正了这个假设

---

Highcharts 6.0.0中引入的

variablepie

系列类型使用较少的代码处理此问题。在此系列类型中，您可以为每个数据点指定一个

z

-参数，以改变其

z

-大小

例如（，）：

这需要包括：

<script src="https://code.highcharts.com/modules/variable-pie.js"></script>

不可思议的想法。非常感谢。：）我发明了这个新提琴，我认为它更坚固，我在计算每个

y

点的值的百分比，然后显示它。每个点都添加了一个计数键，可用于在工具提示或数据标签中显示实际值。@void这很有意义。我只是假设我的数据点增加到100，这是一个糟糕的假设。为什么会有人否决这个问题？三个月后也是这样：O

series = [{
  type: 'pie',
  size: 100,
  innerSize: 50,
  data: [{y:25, color: 'red'}, {y:75, color:'rgba(0,0,0,0)'}]
},{
  type: 'pie',
  size: 150,
  innerSize: 50,
  data: [{y:25, color: 'rgba(0,0,0,0)'},{y:15, color: 'blue'}, {y:60, color:'rgba(0,0,0,0)'}]
}, ... ];

Highcharts.chart('container', {
    chart: {
        type: 'variablepie'
    },
    title: {
        text: 'Variable pie'
    },
    series: [{
        minPointSize: 10,
        innerSize: '20%',
        zMin: 0,
        name: 'countries',
        data: [{
            name: 'Pune',
            y: 35,
            z: 25
        }, {
            name: 'Mumbai',
            y: 30,
            z: 20
        }, {
            name: 'Nagpur',
            y: 15,
            z: 15
        } , {
            name: 'Thane',
            y: 25,
            z: 10
        }]
    }]
});

<script src="https://code.highcharts.com/modules/variable-pie.js"></script>