实现googlechart x轴与日期从树枝日期时间

时间:2017-09-22 12:19:02

标签: javascript datetime twig google-visualization

我有一个过去30天的数组,每天有2把钥匙:

-date(datetime)

-count(整数)

enter image description here

我尝试使用Xaxis中的日期和Yaxis中的count实现谷歌图表,但是当我尝试使用twig循环我的数组时,似乎我的日期时间值已更改。

以下是我在drawGraph()函数中循环添加行的方式:

 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

我的问题是:为什么我的循环中的日期发生了变化?

1 个答案:

答案 0 :(得分:1)

2017 - 9 - 24实际上是1984,你需要用引号包装你的语句,否则它会被视为子视图

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