2017-02-16 130 views
0

我直接使用highcharts.js來自:Highcharts突然停止策劃

<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

+0

Arghhh,我覺得有一個問題與數據的數據類型!有人已經改變了從整數到數字的一些列,我必須檢查 – pmirnd

+0

你應該提供一個jsfiddle重現問題 – 2017-02-16 16:38:59

+0

我不知道如何重現它,有數據庫,symfony和Reactjs,加上Highcharts。但我認爲問題是數據,也許我需要解析它 – pmirnd

回答

1

GRRRR,它是數據O型「數據」的值。如果我使用:

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

的console.log被它給我看,但我沒有得到它...數據: 「343」, 「2432」, 「等數字」 ...]

這一切都再次運行,我必須檢查從整數到char或其他什麼變化。

所以一個JSON.parse當我推值的陣列dataEnergiaContratadaA和dataDemandaA的伎倆:

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