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

Question

如何更改 Google 可视化表中的日期格式？ 我有 01-08-2016 的数据源。但是当我对表格进行排序时，它的排序不正确。请检查下面的两张图片。

我使用了此代码，但不起作用。

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

如有任何建议，我们将不胜感激。

Answer 1

要使用DateFormat，列的类型必须为'date'

如果您要从数组构建DataTable，
您可以提供列类型和标签，
通过使用对象表示法
{标签:'日期'，类型:'日期'}

请参阅以下工作片段...

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']
});

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