Google Charts折線圖中的a軸上的日期

Question

這是一個新手問題，但如何在Google Charts折線圖中使用x軸的日期？

當我使用新的日期（...）時，我收到錯誤消息“未捕獲錯誤：不支持日期和日期時間列類型”

      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
['Datum','Person1','Person2','Person3'],
[new Date(2012, 12, 19, 0, 0, 0),'5072.0537223002','5072.0537223002','5074.2809630567'],
[new Date(2012, 12, 20, 0, 0, 0),'5072.0537223002','5072.0537223002','5074.2809630567'],
]);

        var options = {};

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

（在x軸上使用字符串均勻的空格是可以接受的，但是當我嘗試使用字符串時“軸＃0的數據列不能是字符串類型”）

Answer 1

如何將日期轉換為字符串，只使用Date而不是new如下所示：

      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
['Datum','Person1','Person2','Person3'],
[Date(2012, 12, 19, 0, 0, 0).toString(),'5072.0537223002','5072.0537223002','5074.2809630567'],
[Date(2012, 12, 20, 0, 0, 0).toString(),'5072.0537223002','5072.0537223002','5074.2809630567'],
]);

        var options = {};

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

編輯：您可以在此鏈接中關注他們的示例：

https://google-developers.appspot.com/chart/interactive/docs/customizing_axes

編輯2：

這就是我能做的： http ： //jsfiddle.net/ANC9H/2/

    google.load("visualization", "1", {packages:["LineChart"]});
    google.setOnLoadCallback(drawChart);
    function drawChart() {
    var data = new google.visualization.DataTable();
        data.addColumn('date', 'Date');
        data.addColumn('number', 'persone1');
        data.addColumn('number', 'persone2');
        data.addColumn('number', 'persone3');
        data.addRows([
                       [new Date(2008, 1 ,1),0.7,0.8,0.6],
                       [new Date(2008, 1 ,7),0.5,0.55,0.9] ]);
    var options = {};

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

我希望這有幫助。

Answer 2

那是因為你正在使用arrayToDataTable（）。 如果您使用DataTable（），則錯誤消息將消失。 請參閱此文章： 日期軸不起作用的柱形圖