Highcharts突然停止密谋

时间:2017-02-16 16:26:13

标签: javascript highcharts

我直接使用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个月前的版本兼容?

除了绘制的数据外,我可以看到所有图表,如下所示: enter image description here

我几个月没有改变这些代码。

这就是我称之为图表的方式:

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中,我看到了所有需要的数据: enter image description here

1 个答案:

答案 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}
);

现在console.log显示正确的数据: enter image description here