Enlaces en gráficos circulares para Highcharts.js

Question

Me gustaría que el usuario se dirija a una parte específica de la página cuando hacen clic en una sección del gráfico circular. Me aparece un error que dice {"error": "Please use POST request"} al hacer clic.

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

En este momento la sección azul debe saltar a "productos" al hacer clic.

Cualquier ayuda sería muy apreciada.

Answer 1

Here es una actualización de su jsfiddle.

Los cambios que tenía que hacer eran:

• El "clic" manipulador ha this unido a un punto de datos como una estructura mantenida por esa biblioteca. Para obtener la URL, debes mirar la propiedad "config" del punto de datos y luego tomar el elemento 2 de esa matriz.
• Tuve que ocultar el this en el controlador de eventos para que el manejador de tiempo de espera pudiera obtenerlo.
• Agregué una llamada "preventDefault()" al controlador de eventos, pero puede que no sea necesario.

Answer 2

La solución publicado aquí ya no funciona desde la versión 3 de Highcharts

Esto funciona mejor

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