javascript - lineas - highcharts php
hacer series en Highcharts clicables (3)
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
}
}
},
});
});
¿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!
$(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!
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''
}]
}]
Puedes intentar esto
series: {
cursor: ''pointer'',
point: {
events: {
click: function() {
//your logic
}
}
}
}