Как добавить разные события кликов на каждый пирог круговой диаграммы, созданной с помощью highcharts usin jquery

Question

При нажатии каждого фрагмента круговой диаграммы мне нужно связать его с другой страницей html, которая предоставит больше информации об этом конкретном фрагменте.

Answer 1

Вы можете сделать что-то подобное:

plotOptions: { pie: { point: { events: { click: PieClick } } } } 

...

function PieClick() { 
    var sliceClicked = this.name; 

    // do something 
} 

Answer 2

Я просто попытался следующий простой метод, который помог мне получить решение.

plotOption может быть как следующий,

plotOptions: { 
    pie: { 
     point: { 
          events: { 
            click: function() { 
              location.href = this.options.url; 
             } 
           } 

      } 
    } 
} 

и в серии вы можете использовать что-то вроде этого,

series: [{ 
      data: [{ 
       name: sample 1, 
       y: 29.9, 
       url: 'http://bing.com/search?q=foo' 
      }, { 
       name: sample 2, 
       y: 71.5, 
       url: 'http://bing.com/search?q=bar' 
      }, { 
       name: sample 2, 
       y: 106.4, 
       url: 'http://bing.com/search?q=foo+bar' 
      }]   
     }] 

Открыть пример в следующей ссылке,

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-point-events-click-url/