javascript - lineas - highcharts php

hacer series en Highcharts clicables

Question

¿Alguien sabe cómo hacer que la serie en los Highcharts se pueda hacer clic? como si al hacer clic en uno de los elementos, lo llevara a un enlace externo?

Revisé la documentación y no pude encontrar una opción en los gráficos superiores.

http://www.highcharts.com/docs/chart-concepts/series

Aquí está el violín provisto en el documento. si alguien pudiera hacer clic en la serie, ¡sería increíble!

http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/series/data-array-of-arrays/

$(function () {
    $(''#container'').highcharts({
        chart: {
        },
        xAxis: {
            categories: [''Jan'', ''Feb'', ''Mar'', ''Apr'', ''May'', ''Jun'', ''Jul'', ''Aug'', ''Sep'', ''Oct'', ''Nov'', ''Dec'']
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        }]
    });
});

¡gracias!

Answer 1

Prueba esto. Ejecutar demostración : -

$(function () {
$(''#container'').highcharts({
    chart: {
    },
    xAxis: {
        minPadding: 0.05,
        maxPadding: 0.05
    },

    series: [{
        data: [
            [0, 29.9], 
            [1, 71.5], 
            [3, 106.4]
        ]
    }],


     plotOptions: {
            series: {
                cursor: ''pointer'',
                point: {
                    events: {
                        click: function() {
                            //do your stuff
                            alert([this.x,this.y]);
                        }
                    }
                },
                marker: {
                    lineWidth: 1
                }
            }
        },
});

});

Answer 2

Puede establecer url en su objeto de punto (o usar global), capturar evento de clic en puntos y ejecutar window.location.

plotOptions: {
                 series: {
                     cursor: ''pointer'',
                     point: {
                         events: {
                             click: function () {
                                 var url = this.options.url;
                                 window.open(url);
                             }
                         }
                     },
                 }
             },
    series: [{
                 data: [{
                     x: 0,
                     y: 29.9,
                     url: ''http://www.google.com''
                 }, {
                     x: 1,
                     y: 71.5,
                     url: ''http://www.yahoo.com''
                 }]
             }]

http://jsfiddle.net/287JP/2/

Answer 3

Puedes intentar esto

series: {
cursor: ''pointer'',
         point: {
             events: {
                   click: function() {
                        //your logic
                     }
                   }
                }
 }

Más información