Google Chart Line Chart小时和分钟

Question

我正在尝试使用Google的图表API来显示折线图.
我创建了一个包含两列的数据表,一个日期和一个数值.线条显示正确但X轴上的标签丢失.所有数据都在同一天,但在不同的时间.如果我编辑日期以便在不同的日子传播它们一切正常.
我需要仅在一天内关注我的图表,并在X轴上显示小时和分钟.
我怎样才能做到这一点？

谢谢.

Answer 1

通常归结为您传递数据的方式.有了arrayToDataTable您的日期仅仅是字符串.如果你实例化一个JS日期对象并构建它,dataTable你应该得到更好的结果.这段代码适合我(现场直播):

function drawVisualization() {

var data = new google.visualization.DataTable();

data.addColumn('datetime', 'Time of Day');
data.addColumn('number', 'Some Measurement');

data.addRows([
  [new Date(2012,10,3,11,30,0), 12],
  [new Date(2012,10,3,11,45,0), 2],
  [new Date(2012,10,3,12,1,0), 16],
  [new Date(2012,10,3,12,15,0), 3],
  [new Date(2012,10,3,12,30,0), 12],
  [new Date(2012,10,3,12,45,0), 7]
]);


new google.visualization.LineChart(document.getElementById('visualization')).
  draw(data, {curveType: "function",
              width: 500, height: 400,
              vAxis: {maxValue: 10}}
      );
}

我曾经是谷歌可视化的粉丝,但他们的未经宣布的更新已被烧毁了太多次.它也有很多局限性.查看Dygraph,它可以很好地处理时间序列.

Answer 2

您需要focus my chart in one day only and show hours and minutes on the X axis.在查询中执行此操作。这与谷歌图表没有任何关系。您可以查看 haxis 参数，看看是否可以更改其中一些值来实现您想要的https://google-developers.appspot.com/chart/interactive/docs/gallery/linechart