2017-02-16 1 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, воспроизводящий проблему. –

+0

Я не знаю, как ее воспроизвести, есть задействованные базы данных, symfony и Reactjs, а также Highcharts. Но я думаю, что проблема заключается в данных, может быть, мне нужно разобрать его – pmirnd

ответ

1

Grrrr, это тип данных о значениях «данных». Если я использую:

{"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

Смежные вопросы