javascript – 谷歌图表折线图小时和分钟

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

谢谢.

解决方法

通常归结为您传递数据的方式.使用arrayToDataTable,您的日期只是字符串.如果您实例化JS日期对象并构建dataTable,您应该会获得更好的结果.这段代码适合我(见 live):
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,45,2],12,1,16],15,3],7]
]);


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

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

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...