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

【问题标题】：How can I get inner slice when clicking on an outer slice in a HighChart donut chart?在 HighChart 圆环图中单击外部切片时如何获取内部切片？
【发布时间】：2013-04-10 19:20:37
【问题描述】：

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

当您单击 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/

谢谢。

【问题讨论】：

标签： highcharts donut-chart

【解决方案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); 

                }
            }
        }

【讨论】：