Łącza w wykresach kołowych dla Highcharts.js

Question

Chciałbym, aby użytkownik został przekierowany do określonej części strony po kliknięciu sekcji wykresu kołowego. Pojawia się błąd, który brzmi: {"error": "Please use POST request"} po kliknięciu.

http://jsfiddle.net/alliwagner/Saa4E/10/

Teraz niebieska sekcja powinna skoczyć do „towarów” na kliknięcie.

Każda pomoc w ogóle byłaby bardzo ceniona.

Answer 1

Here to aktualizacja twojego jsfiddle.

Zmiany musiałem zrobić to:

• „kliknięcia” handler ma this zobowiązany do punktu danych jako struktury prowadzonego przez tę bibliotekę. Aby uzyskać adres URL, musisz spojrzeć na właściwość "config" punktu danych, a następnie pobrać element 2 tej tablicy.
• Musiałem ukryć this w module obsługi zdarzeń, aby mógł go uzyskać handler z limitem czasu.
• Dodałem wywołanie "preventDefault()" do obsługi zdarzenia, ale może to nie być konieczne.

Answer 2

Rozwiązanie zamieszczone tutaj nie działa już od wersji 3 Highcharts

To działa lepiej

series: [{ 
    type: 'pie', 
    name: 'overall', 
    point: { 
     events: { 
      click: function(e) { 
       location.href = e.point.url; 
       e.preventDefault(); 
      } 
     } 
    }, 
    data: [ 
     {name: 'Not Tested', color: '#FFA850', y: 87, url: 'http://my_site1.com'}, 
     {name: 'Fail', color: '#FF2929', y: 2, url: 'http://my_site2.com'}, 
     {name: 'Pass', color: '#31FF4F', y: 32, url: 'http://my_site3.com'} 
    ] 
}]