Google視覚化テーブルの日付形式を変更する

Question

How to change the date format in google visualization table?私は01-08-2016のデータフィードを持っています。しかし、私がテーブルを並べ替えると、正しくソートされません。以下の2つの画像を確認してください。

私はこのコードを使用しましたが、動作しません。

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

いずれかの提案をいただければ幸いです。オブジェクト表記
を使用して

Answer 1

DateFormatを使用するには、配列からDataTableを構築している場合は、列の型'date'

のものでなければならない、
ラベルと一緒に列の型を提供することができ、
{label: 'Date', type: 'date'}

...作業スニペット以下を参照してください

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>