Liens dans des diagrammes circulaires pour Highcharts.js

Question

Je souhaite que l'utilisateur soit dirigé vers une partie spécifique de la page lorsqu'il clique sur une section du graphique à secteurs. Je reçois une erreur qui lit {"error": "Please use POST request"} sur le clic.

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

En ce moment, la section bleue devrait sauter aux « produits de base » en cliquant dessus.

Toute aide serait grandement appréciée.

Answer 1

Here est une mise à jour de votre jsfiddle.

Les changements que je devais faire étaient les suivants:

• Le gestionnaire « cliquez sur » a this lié à un point de données comme une structure maintenue par cette bibliothèque. Pour obtenir l'URL, vous devez regarder la propriété "config" du point de données, puis saisir l'élément 2 de ce tableau.
• J'ai dû stocker le this dans le gestionnaire d'événements afin que le gestionnaire de délai puisse l'obtenir.
• J'ai ajouté un appel "preventDefault()" au gestionnaire d'événements, mais cela n'est peut-être pas nécessaire.

Answer 2

La solution affichée ici ne fonctionne plus comme la version 3 de Highcharts

Cela fonctionne mieux

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'} 
    ] 
}]