Как получить внутренний срез при нажатии на внешний срез в кольцевой диаграмме HighChart?

Question

Можно ли получить родительский срез (внутренний срез), когда я нажимаю на дочерний срез (внешний срез)?

Когда вы нажимаете 8.0 для MSIE, я получаю всплывающее окно с надписью 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) для отображения "родительского" имени.

Это простой пример, который отображает имя для MSIE, но если вы добавите все параметры для других серий, то это будет работать для каждого из них.

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

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

                }
            }
        }