在Google Charts折线图的x轴上显示日期,而不是时间戳?

时间:2012-08-06 14:31:03

标签: javascript google-visualization

以下是使用Google Charts API绘制折线图的功能。用于d1,d2,d3和d4的时间戳是 -

1/1/2006 00:00:00至1/1/2009 00:00:00

当我在Chrome调试器中设置断点时,d1-d4显示为Sun Jan 01 2006 06:00:00 GMT+0000 (GMT Standard Time)等等......

我需要的粒度是'天',我不关心分钟/秒。无论如何,这是另一个问题,因为我现在甚至无法渲染任何东西,我只是在使用此功能时得到一个空白页面。我做错了什么?

function drawChart() {
    var d1 = new Date();
    var d2 = new Date();
    var d3 = new Date();
    var d4 = new Date();
    d1.setTime(1136095200*1000);
    d2.setTime(1167631200*1000);
    d3.setTime(1199167200*1000);
    d4.setTime(1230789600*1000);
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses'],
          [d1,  1000,      400],
          [d2,  1170,      460],
          [d3,  660,       1120],
          [d4,  1030,      540]
        ]);

        var options = {
          title: 'Company Performance'
        };

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

1 个答案:

答案 0 :(得分:0)

From the reference

  

类型可以是以下之一:'string''number''boolean''date''datetime''timeofday'。

它将类型推断为“日期时间”,因为您没有明确声明它。尝试使用addColumn将其直接添加为date

var data = new google.visualization.DataTable();
data.addColumn('date', 'Date');