Highcharts 突然停止绘图答案

【问题标题】：Highcharts suddenly stop plottingHighcharts 突然停止绘图
【发布时间】：2018-02-09 00:52:37
【问题描述】：

我直接使用 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 中，我看到了所有需要的数据：

【问题讨论】：

Arghhh，我认为数据的数据类型有问题！有人将某些列从整数更改为数字，我必须检查一下
你应该提供一个 jsfiddle 来重现这个问题
不知道怎么复现，里面有database、symfony、Reactjs，还有Highcharts。但我认为问题在于数据，也许我需要解析它
用你的数据创建一个jsfiddle（一切都是静态的），这里是example
我知道了，这是数据...我用 {"name": nameEnergiaContratadaA,"data": [344,2434,2434,514]}, {"name": nameDemandaA,"data": [34,234,234,54]} 并且有效。我将不得不检查数据从整数更改为 char ir 的位置。耶稣...

标签： javascript highcharts

【解决方案1】：

Grrrr，它是“数据”值的数据类型。如果我使用：

{"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 显示正确的数据：

【讨论】：