Пожалуйста, помогите показать график с csv

Я пытаюсь отобразить график температуры в зависимости от времени.Пожалуйста, помогите показать график с csv

Это отрывок из моего CSV-файла «temperature1.csv» из моего RESSOURCES diurectory:

Date heure,Chambre d'amis,salon,Salle de Bain,Chambre,Dehors 07/10/15 151006,24,23.299999237061,22.799999237061,22.39999961853,28.89999961853 07/10/15 151506,24,23.299999237061,22.89999961853,22.5,28.89999961853 07/10/15 152006,24,23.299999237061,22.89999961853,22.5,28.89999961853 07/10/15 152506,24,23.299999237061,22.89999961853,22.5,28.89999961853 07/10/15 153006,24,23.299999237061,22.89999961853,22.60000038147,29.5 07/10/15 153506,24.10000038147,23.39999961853,22.89999961853,22.60000038147,29.60000038147 07/10/15 154006,24.10000038147,23.39999961853,22.89999961853,22.60000038147,29.700000762939 07/10/15 154506,24.10000038147,23.39999961853,22.89999961853,22.60000038147,29.89999961853 07/10/15 155006,24.10000038147,23.39999961853,23,22.700000762939,29.799999237061 07/10/15 155506,24.10000038147,23.5,23,22.700000762939,30.10000038147 07/10/15 160010,24.10000038147,23.5,23,22.700000762939,30.299999237061 07/10/15 160506,24.10000038147,23.5,23,22.799999237061,30.39999961853

Первая строка представляет заголовок, и следующая строка представляет ДАННЫЕ.

Это HTML-код:

<!DOCTYPE html> 
<html> 
<head> 
<!--Script Reference[1]--> 
<script src="./zingchart/zingchart.min.js"></script> 
<script> 
    var chartData={ 
     "csv":{ 
     "url":"./ressources/temperature1.csv", 
     "horizontal-labels":true 
    }; 
    window.onload=function(){ // Render Method[2] 
     zingchart.render({ 
      id:'chartDiv', 
      data:chartData, 
      height:400, 
      width:600 
     }); 
    }; 
</script> 
</head> 
<body> 
<!--Chart Placement[3]--> 
<div id ='chartDiv'></div> 
</body> 
</html>

Я вижу chartDiv, но ничего не отображается на графике :(

Можете ли вы мне помочь

источник

2015-09-25 Bast'

Ваш график не отображается, так как нет диаграммы? типа в вашей диаграмме JSON. Я буду использовать "type":"line" для моего примера.

var chartData = { 
    "type": "line", 
    "csv":{ 
     "url":"./ressources/temperature1.csv", 
     "smart-scales":true 
    } 
};

источник

2015-10-02 17:17:23 RockinSocks

Спасибо, много для вашего ответа! У меня есть еще одна проблема. Мой первый colum представляет время ... но на графике это не по горизонтальной оси. Знаете ли вы, как это исправить? –

Для информации, столбец даты и времени имеет следующий формат: 07/10/15 151006 ==> MM/DD/AA HHMMSS –

Измените атрибут «горизонтальные метки» на «вертикальные метки». – RockinSocks

Пожалуйста, помогите показать график с csv

ответ

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