GVIZ:连续轴的自定义标签(日期时间)

时间:2013-04-16 11:18:30

标签: google-visualization

我有一个折线图,我们在x轴上对datetime值绘制一些数字。由于在列类型上使用datetime值会将其呈现为continuous axis,因此会自动生成列标签。

我们只将时间组件作为列标签,而不是日期。我有什么办法可以将整个约会时间作为标签吗?

(注意:我不想将数据类型更改为字符串,因为我不希望数据点中的间距均匀。)

1 个答案:

答案 0 :(得分:1)

是。您需要查看使用formatters的一部分的ICU SimpleDateFormat

以下是它们如何运作的示例:

function drawVisualization() {
  // Create and populate the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('date', 'Date');
  data.addRows([
    [new Date(2012,1,5)],
    [new Date(2012,2,10)],
    [new Date(2012,3,15)],
    [new Date(2012,4,20)]
  ]);

  alert(data.getFormattedValue(3,0));

  var formatter1 = new google.visualization.DateFormat({pattern: 'yyyy, MMM'});

  formatter1.format(data,0);

  alert(data.getFormattedValue(3,0));
}

根据您的数据和需求进行调整,然后进行调整!你有它的工作。