charts - highcharts - 是否可以缩放饼图

Question

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

我的图表是根据这个示例jsfiddle 示例建模的

chart: {
            renderTo: 'container',
            type: 'area',
            zoomType: 'x',
        }

但它似乎不适用于饼图。我在这里错过了什么吗？理想情况下，我会有一个有 2 层的饼图，其中外层作为内层的子层。When selecting a child slice, I could then have an entire pie chart showing that slice alone, along with its own children, etc.

Answer 1

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

x: 放大 x 轴 y: 放大 y 轴 xy: 放大两个轴

但是您可以使用sizeJavaScript 的属性来显示缩放。 大小属性演示

Answer 2

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

为了做到这一点，必须使用allowPointSelect属性，它可以像这样添加到饼图中（只是几种不同方式中的一种）：

plotOptions: {
    pie: {
        shadow: false,
        allowPointSelect: true,
    },
}

然后，为了捕获点击，必须声明正在使用的events属性series：

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);
           }
        }
    }
}]

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