- Highcharts datos variables provoca el bloqueo del navegador
-
02-10-2019 - |
Pregunta
Estoy intentando utilizar la biblioteca de los Highcharts javascript a las tablas de carga utilizando esta función:
function create_chart(success, failed, pending)
{
var chart = new Highcharts.Chart({
chart: {
renderTo: 'graph',
margin: [5, 5, 5, 5]
},
title: {
text: 'Message Sending Status'
},
plotArea: {
shadow: null,
borderWidth: null,
backgroundColor: null
},
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.y +' %';
}
},
plotOptions: {
pie: {
allowPointSelect: true,
dataLabels: {
enabled: true,
formatter: function() {
if (this.y > 5) return this.point.name;
},
color: 'white',
style: {
font: '13px Trebuchet MS, Verdana, sans-serif'
}
}
}
},
legend: {
layout: 'vertical',
style: {
left: 'auto',
bottom: 'auto',
right: '50px',
top: '100px'
}
},
series: [{
type: 'pie',
name: 'Message Status',
data: [
['Successful Messages', success],
['Failed Messages', failed],
['Pending Messages', pending]
]
}]
});
}
Sin embargo, esto bloquea el navegador hasta ??p>
he reducido el problema a
data: [
['Successful Messages', success],
['Failed Messages', failed],
['Pending Messages', pending]
]
como si yo uso los números en lugar de las variables (es decir, sustituir con éxito 12 ect) entonces funciona bien
Esto es confuso como el uso de console.log (de éxito) devuelve 12, así que lo que podría estar causando esto?
Solución
try
data: [
['Successful Messages', success - 0],
['Failed Messages', failed - 0 ],
['Pending Messages', pending - 0]
]
vamos a ver si esto hace una cosa ...
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow