我直接使用highcharts.js:
<script type="text/javascript" src="https://code.highcharts.com/highcharts.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/modules/exporting.js"></script>
突然间,不知道从何时开始,数据不再被绘制。我对数据做了改变,实际上,在生产环境和开发中,图表现在的工作方式相同(同样的错误),因为不知道什么时候。控制台中没有javascript错误。
有人知道Highcharts最近的变化是否与3个月前的版本兼容?
我几个月没有改变这些代码。
这就是我称之为图表的方式:
console.log("seriesGraficos: ", seriesGraficos); //this is what the 2nd picture shows
Highcharts.chart({
chart: {
type: 'area',
renderTo: 'grafico_porcentaje_contratacion_vs_tiempo'
},
title: {
text: 'Contratación de Energía en el Tiempo'
},
xAxis: {
allowDecimals: false,
labels: {
formatter: function () {
return this.value;
}
}
},
yAxis: {
title: {
text: 'Cantidad de energía'
},
labels: {
formatter: function () {
return this.value + ' MWh';
}
}
},
plotOptions: {
area: {
pointStart: parseInt( anoInicio ),
marker: {
enabled: true,
symbol: 'circle',
radius: 2,
states: {
hover: {
enabled: true
}
}
}
}
},
series: seriesGraficos,
credits: {
enabled: false
},
exporting: {
chartOptions: {
chart: {
width: 1024,
height: 768
}
},
filename: "Energia Tiempo",
buttons: {
contextButton: {
text: 'Exportar'
}
}
}
});
当我点击图表上的某个变量时,我可以看到它如何正常工作,何时启用/禁用它会使图表上下移动一点点。这跟正常行为一样。
答案 0 :(得分:1)
Grrrr,它是“数据”值的数据类型。如果我使用:
{"name": nameEnergiaContratadaA,"data": [344,2434,2434,514]},
{"name": nameDemandaA,"data": [34,234,234,54]}
console.log向我显示但我没有得到它...数据:[“343”,“2432”,“等号”......]
它再次起作用,我必须检查从整数到char或其他什么的变化。
当我将值推送到数组dataEnergiaContratadaA和dataDemandaA时,JSON.parse
做了诀窍:
dataEnergiaContratadaA.push( JSON.parse(energia_asociada) );
dataDemandaA.push( JSON.parse(demanda) );
seriesGraficos.push(
{"name": nameEnergiaContratadaA,"data": dataEnergiaContratadaA},
{"name": nameDemandaA,"data": dataDemandaA}
);