highcharts-是否可以缩放饼图

我想知道是否可以放大饼图中的一个切片

我的图表就是根据这个例子建模的

但它似乎不适用于饼图。我是不是遗漏了什么？

---

理想情况下，我会有一个有两层的饼图，外层作为内层的子层。当选择一个子切片时，我可以得到一个完整的饼图，单独显示该切片，以及它自己的子切片等。

不幸的是，饼图不允许缩放，因为它的属性显示给您

x：放大x轴的步骤 y：放大y轴的步骤 xy：在两个轴上进行缩放

但是您可以将

size

属性与JavaScript一起使用来显示缩放。

---

不幸的是，饼图的属性显示不允许缩放

x：放大x轴的步骤 y：放大y轴的步骤 xy：在两个轴上进行缩放

但是您可以将

size

属性与JavaScript一起使用来显示缩放。

---

我想我找到了我真正想要的东西。它不是缩放，而是在切片上捕获单击事件的选项

为此，必须使用

allowPointSelect

属性，该属性可以添加到饼图中，如下所示（只是几种不同方法之一）：

然后，为了捕获点击，必须声明正在使用的

系列

中的

事件

属性：

series: [{
    name: 'Example',
    data: [
        {
            name: 'Firefox',   
            value: 45.0
        },
        {
            name: 'IE',
            value: 26.8
        },
        {
            name: 'Chrome',
            value: 12.8,
        },
    ],
    size: '100%',
    point: {
        events: {
           click: function() {
               // some code to execute when clicking a slice
               alert('Slice name: ' + this.name + ' and value: ' + this.value);
           }
        }
    }
}]

---

然后在该单击函数中，可以执行任何javascript代码，也可以访问数据中声明的字段。因此，理论上，第二个饼图可以动态创建。

我想我找到了我真正想要的东西。它不是缩放，而是在切片上捕获单击事件的选项

为此，必须使用

allowPointSelect

属性，该属性可以添加到饼图中，如下所示（只是几种不同方法之一）：

然后，为了捕获点击，必须声明正在使用的

系列

中的

事件

属性：

series: [{
    name: 'Example',
    data: [
        {
            name: 'Firefox',   
            value: 45.0
        },
        {
            name: 'IE',
            value: 26.8
        },
        {
            name: 'Chrome',
            value: 12.8,
        },
    ],
    size: '100%',
    point: {
        events: {
           click: function() {
               // some code to execute when clicking a slice
               alert('Slice name: ' + this.name + ' and value: ' + this.value);
           }
        }
    }
}]

然后在该单击函数中，可以执行任何javascript代码，也可以访问数据中声明的字段。因此，理论上可以动态创建第二个饼图

series: [{
    name: 'Example',
    data: [
        {
            name: 'Firefox',   
            value: 45.0
        },
        {
            name: 'IE',
            value: 26.8
        },
        {
            name: 'Chrome',
            value: 12.8,
        },
    ],
    size: '100%',
    point: {
        events: {
           click: function() {
               // some code to execute when clicking a slice
               alert('Slice name: ' + this.name + ' and value: ' + this.value);
           }
        }
    }
}]