2017-09-22 16 views
0

I持って毎日2つのキーと過去30日間の配列:小枝の日付時刻から日付とgooglechart x軸を実装

-date(日時)

-count(整数)

enter image description here

私はX軸の日付とY軸でcountとGoogleのチャートをインスタンス化しようとしたが、すぐに私は小枝を使って私のアレイ上のループしようとして、私の日時の値が変更されているようです。私は、各ループの繰り返しの日付を印刷し、私はこの結果を得る

function drawChart() { 

     var dataTable = new google.visualization.DataTable(); 
     dataTable.addColumn({ type: 'date', id: 'date', label: 'date'}); 
     dataTable.addColumn({ type: 'number', id: 'Nombre d OF', label: 'Nb of'}); 


    {% for value in chartData.data %} 
     console.log({{ value.date.format('Y-m-d') }}); 
     dataTable.addRow([new Date("{{ value.date.format('Y-m-d')| date("Y-m-d") }}".replace(/-/g,"/")), {{ value.count }}]); 
    {% endfor %} 

    var options = { 
     title: 'Nombre d\'ordre de fabrication crées sur les 30 derniers jours ('+{{ chartData.info }}+')', 
     hAxis: {title: 'Jours', titleTextStyle: {color: '#333'}}, 
     vAxis: {minValue: 0} 
    }; 

    var chart = new google.visualization.AreaChart(document.getElementById('chart_div')); 
    chart.draw(dataTable, options); 
    } 

enter image description here

をここで

は私 drawGraph()機能で自分のグラフ上に行を追加する方法のIループであります

私の質問は:私のループで日付が変わったのはなぜですか?

答えて

1

まあ2017 - 9 - 24 actualyが1984で、あなたは引用符を使用してステートメントをラップする必要があり、それ以外の場合はsubvisionすっごいが上に来る

console.log('{{ value.date.format('Y-m-d') }}');

+0

として扱われます...答えてくれてありがとう – Gauthier