更改谷歌可视化表日期格式

Question

How to change the date format in google visualization table?我的数据Feed为01-08-2016。但是当我对表格进行排序时，它没有正确排序。请检查下面的两张图片。

我使用了这段代码但没有工作。

var monthYearFormatter = new google.visualization.DateFormat({ 
         pattern: "dd-MM-yyy" 
    }); 
    monthYearFormatter.format(data, 0);

任何建议都将不胜感激。

Answer 1

要使用DateFormat，该列必须是'date'

类型

如果您要从数组中构建DataTable，请执行 您可以提供列类型以及标签，
使用对象表示法
{label: 'Date', type: 'date'}

请参阅以下工作代码段...

＆＃13;

＆＃13;

google.charts.load('current', {
  callback: function () {
    var data = google.visualization.arrayToDataTable([
      [{label: 'Date', type: 'date'}],
      [new Date('07/07/2016')],
      [new Date('07/08/2016')],
      [new Date('07/09/2016')],
      [new Date('07/10/2016')],
      [new Date('07/11/2016')],
      [new Date('07/12/2016')],
      [new Date('07/13/2016')],
      [new Date('08/01/2016')]
    ]);

    var monthYearFormatter = new google.visualization.DateFormat({
      pattern: "dd-MM-yyy"
    });
    monthYearFormatter.format(data, 0);

    var chart = new google.visualization.Table(document.getElementById('table'));
    chart.draw(data, {
      allowHtml: true,
      sortAscending: true,
      sortColumn: 0
    });
  },
  packages: ['table']
});

＆＃13;

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="table"></div>

＆＃13;

＆＃13;

＆＃13;