javascript - 谷歌图表工具日期格式

Question

我正在使用谷歌图表工具 API，我正在尝试制作来自数据库的数据的折线图，到目前为止效果很好。

但现在由于图表是关于用户的“体重指数”，我希望 x 轴被时间格式化。我的意思是，每个日期之间的间隔应该对应于实际经过的时间。

我希望我让自己明白了。

来自数据库的传入数据类型是：

• 体重指数（实数）（对于 y 轴）；

• 日期（日期）（对于 x 轴）。

Answer 1

这可以通过带注释的时间线（来自 Google Chart API）来完成。

这是一个简单的代码示例...

<script type='text/javascript'>
function drawVisualization() {
  var data = new google.visualization.DataTable();
  data.addColumn('date', 'Date');
  data.addColumn('number', 'Body Mass Index');
  data.addRows([
    [new Date(2012, 9 ,2), 20],
    [new Date(2012, 10 ,5), 22],
    [new Date(2012, 11 ,4), 24],
    [new Date(2013, 0 ,12), 23]
  ]);

  var annotatedtimeline = new google.visualization.AnnotatedTimeLine(
      document.getElementById('visualization'));
  annotatedtimeline.draw(data);
}
</script>