highcharts - 在 HighChart 圆环图中单击外部切片时如何获取内部切片？

Question

当我单击子切片（外切片）时，是否可以获得父切片（内切片）？

当您单击 MSIE 的 8.0 时，我会弹出一个说 8.0 的窗口。我想得到的是父切片数据，在这种情况下是 MSIE。注意，Chrome 也有 8.0 版，所以当我点击它时，我应该得到 Chrome。

这可能吗？

我的目标是当用户点击一个版本时，该切片的信息显示在圆环图下方的表格中。当用户单击浏览器切片时，将显示浏览器所有版本的信息。

这是我设置的 JSFiddle。

 series: [{
     ...,
     point:{
        events:{
            click: function (event) {
                alert(this.name); // Get access to parent slice here.
            }
        }
    }
}]
http://jsfiddle.net/CodeWzrd/Sre9G/2/

谢谢。

Answer 1

您应该修改向下钻取结构并为每个“内部”系列添加 id，并为“外部”系列添加 parentID。然后使用 get 函数（http://api.highcharts.com/highcharts#Chart.get()）显示“父”名称。

这是显示 MSIE 名称的简单示例，但如果您为其他系列添加所有参数，那么它将适用于每个系列。

http://jsfiddle.net/Sre9G/4/

 point: {
            events: {
                click: function (event) {
                    var parentSerie = this.options.parentId;
                   alert(this.series.chart.get(parentSerie).name); 

                }
            }
        }