我正在使用谷歌图表工具 API,我正在尝试制作来自数据库的数据的折线图,到目前为止效果很好。
但现在由于图表是关于用户的“体重指数”,我希望 x 轴被时间格式化。我的意思是,每个日期之间的间隔应该对应于实际经过的时间。
我希望我让自己明白了。
来自数据库的传入数据类型是:
- 体重指数(实数)(对于 y 轴); 
- 日期(日期)(对于 x 轴)。 
我正在使用谷歌图表工具 API,我正在尝试制作来自数据库的数据的折线图,到目前为止效果很好。
但现在由于图表是关于用户的“体重指数”,我希望 x 轴被时间格式化。我的意思是,每个日期之间的间隔应该对应于实际经过的时间。
我希望我让自己明白了。
来自数据库的传入数据类型是:
体重指数(实数)(对于 y 轴);
日期(日期)(对于 x 轴)。
这可以通过带注释的时间线(来自 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>