在谷歌可视化折线图中每月更改x轴数据

Question

我只想显示年份不是日期。我怎样才能做到这一点？？

function drawChart() {
  var data = new google.visualization.DataTable();
  data.addColumn('date', 'Year');
  data.addColumn('number', 'Average Price');

  data.addRows([
    [new Date (2011,0,1), 278000], [new Date (2012,0,1), 283500], [new Date (2013,0,1), 303000],
    [new Date (2014,0,1), 327000]
  ]);


  var options = {
    width: 600,
    height: 320,
    hAxis: {
      title: 'Time'
    },
    vAxis: {
      title: 'Average Sale Price'
    }
  };

Answer 1

您应该使用日期格式化程序：Date Formatter

如果您想在工具提示中只有年份，可以使用日期格式化程序：

var formatter = new google.visualization.DateFormat({pattern: 'yyyy'});
formatter.format(data, 0)

如果您只需要轴的年份，则需要在选项中格式化轴：

hAxis: {
  title: 'Time',
  format: 'yyyy'
}