javascript - Google 图表工具日期格式

Question

我正在使用 Google Chart 工具 API，并且我正在尝试创建 line chart ，来自数据库的数据，到目前为止运行良好。

但现在由于图表是关于用户的“ body 质量指数”，我希望 x 轴采用时间格式。我的意思是，每个日期之间的间隔应与实际流逝的时间相对应。

我希望我能让自己明白。

从数据库传入的数据类型是:

• body 质量指数(实数)(y 轴)；

• 日期(日期)(针对 x 轴)。

Answer 1

这可以通过 annotated timeline 来完成(来自 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>