2017-02-16 22 views
0

私から直接highcharts.jsを使用プロット停止します。私は実際に生産環境と開発でデータを変更していないので、チャートは同じように(同じエラーが発生しています)、いつからか分かりません。コンソールにjavascriptエラーはありません。Highchartsが突然

3か月前のようなバージョンと互換性のない最近の変更をHighchartsが行ったことを知っている人は誰ですか?

私はこのように、プロットされたデータ以外のすべてのチャートを見ることができます: 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を提供する必要があります。 –

+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