javascript - Highcharts 突然停止绘图

Question

我直接使用 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'
            }
        }
    }
});

当我单击图表上的某个变量时，我可以看到它如何像往常一样工作，当启用/禁用时，它会稍微上下移动图表。这就像正常行为。

在 console.log 中，我看到了所有需要的数据:

Answer 1

Grrrr，这是“data”值的数据类型。如果我使用:

{"name": nameEnergiaContratadaA,"data": [344,2434,2434,514]},
{"name": nameDemandaA,"data": [34,234,234,54]}

console.log 向我显示了它，但我没有得到它...数据:[“343”，“2432”，“等数字”...]

一切又恢复正常了，我必须检查从整数到字符或其他什么的变化在哪里。

因此，当我将值推送到数组 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}
);

现在console.log显示正确的数据: