谷歌图表给定轴上的所有系列必须具有相同的数据类型

时间:2016-09-20 20:15:27

标签: google-visualization bar-chart

我用动态数据淹没条形图。 我无法弄清楚为什么我仍然会得到数据类型错误。 这是我的功能:

Hello.doc
Hello.txt
Hello.xls
This_is_a_test.doc
This_is_a_test.txt
This_is_a_test.xls
Another_file_to_move.ppt
Another_file_to_move.indd

该列的结构为:发布商类型字符串,价格类型编号和X类型日期。

行单数据示例:

  

[' josh the great',12,Tue Sep 20 2016 03:00:00 GMT + 0300(IDT)]

根据专栏订购数据。

我的目标是为每个日期提供一组发布商及其价格。 我不介意在不同的图表中表示它,但我不认为这是问题所在。

任何建议都将受到高度赞赏。

1 个答案:

答案 0 :(得分:1)

每种图表类型都有一个特定的Data Format

对于条形图以及大多数其他条目,'date'列仅作为第一列有效 它不能是系列列 - 只能是数字

要在图表中显示日期,建议使用Column Role
使用'annotation''tooltip'

请参阅以下工作代码段...

google.charts.load('current', {
  callback: function () {
    var container = document.getElementById('chart_div');
    var chart = new google.visualization.BarChart(container);

    var dataTable = new google.visualization.DataTable();
    dataTable.addColumn({type: 'string', label: 'Publisher'});
    dataTable.addColumn({type: 'number', label: 'Price'});
    dataTable.addColumn({type: 'string', role: 'annotation'});

    dataTable.addRows([
      ['josh the great', 12, 'Tue Sep 20 2016 03:00:00 GMT+0300 (IDT)'],
    ]);

    chart.draw(dataTable);
  },
  packages: ['corechart']
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>