Question

我正在使用谷歌图表工具API，我正在尝试从数据库中提取line chart数据，到目前为止工作正常。

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

我希望自己明白了。

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

体重指数（实际）（对于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>

Google Chart工具的日期格式

1 个答案: