【问题标题】:Google Vis: Invalid data table format: must have 3 or 4 data columnsGoogle Vis:无效的数据表格式:必须有 3 或 4 个数据列
【发布时间】:2014-08-21 01:08:04
【问题描述】:

我想在同一时间线上可视化两个或更多时间表。我已经添加了两次作为 cols:Label、Start_time、end_time,并且我还添加了行作为精确变量。之后,我在输出中收到以下错误消息:

Invalid data table format: must have 3 or 4 data columns.

更新http://i.stack.imgur.com/JFZYU.png

【问题讨论】:

  • 时间表是什么意思?如果您想拥有多个日期轴,不确定是否可行,但如果您的意思是在时间轴中有多个条目,则需要将它们添加为新行
  • 我已经更新了我的问题。

标签: charts google-visualization


【解决方案1】:

哦,我明白了。要在同一行中有多个时间表,您需要使用 4 列:第一个带有列名称,第二个带有时间表名称,第三个带有 start_time,第四个带有 end_time。这是一个考虑到您的图像的示例,但您需要更改日期:

  var dataTable = new google.visualization.DataTable();
  dataTable.addColumn({ type: 'string', id: 'Room' });
  dataTable.addColumn({ type: 'string', id: 'Name' });
  dataTable.addColumn({ type: 'date', id: 'Start' });
  dataTable.addColumn({ type: 'date', id: 'End' });
  dataTable.addRows([
    [ 'Magnolia Room',          'CSS Fundamentals', new Date(1789, 3, 29), new Date(1797, 2, 3)],
    [ 'Magnolia Room',          'Intro Javascript',        new Date(1797, 2, 3),  new Date(1801, 2, 3)],
    [ 'Magnolia Room',          'Advanced Javascript',  new Date(1801, 2, 3),  new Date(1809, 2, 3)],
    [ 'Gladiolus Room',     'Intermediate Perl',        new Date(1789, 3, 20), new Date(1797, 2, 3)],
    [ 'Gladiolus Room',     'Advanced Perl',  new Date(1797, 2, 3),  new Date(1801, 2, 3)],
    [ 'Gladiolus Room',     'Applied Perl',        new Date(1801, 2, 3),  new Date(1805, 2, 3)],
    [ 'Petunia Room',     'Google Charts',    new Date(1805, 2, 3),  new Date(1812, 3, 19)],
    [ 'Petunia Room', 'Closure',          new Date(1789, 8, 25), new Date(1790, 2, 21)],
    [ 'Petunia Room', 'App Engine',  new Date(1790, 2, 21), new Date(1793, 11, 30)]
    ]);

从这个例子中得到这个:Google TimeLine Advanced Example

【讨论】:

    猜你喜欢
    • 2019-04-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多