谷歌图表“不是一个功能”在除Chrome

时间:2015-05-18 19:26:32

标签: javascript google-chrome google-visualization

a[jc] is not a function

Firefox,safari,ios上的safari,IE,......所有这些都表现得一样。

无论我做什么,这个错误只能在Chrome浏览器上避免。

请注意,我使用

时不是日期格式问题
var rows = [
    [new Date(Date.UTC(x,y,z,...)), ...],
    ...
  ];
var table = new google.visualization.DataTable();
table.addColumn('datetime', 'Time');
table.addColumn(...);
...
table.addRows(rows);

我已经完成了

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['corechart']}]}"></script>

根据https://stackoverflow.com/a/29777575/3338098

我完成了

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script>
  var googleChartLoaded = false;
  google.load('visualization', '1', {packages: ['corechart'], callback: function() {
    googleChartLoaded = true;
  }});
</script>

甚至

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script>
  google.load('visualization', '1', {packages: ['corechart']});
  google.setOnLoadCallback(function() {
    googleChartLoaded = true;
  });
</script>

我按照https://nealpoole.com/blog/2010/07/jquery-getjson-firefox-and-google-visualization-madness/

进行了尝试
window.setTimeout(function() {
  try {chart.draw(table, chartOptions);}catch(err) {
    console.err(err);
  }
}, 1000);

我们的问题与https://developer.appcelerator.com/question/148481/how-i-make-line-graph-on-android-device

相同

我该如何诊断这个问题... 我认为谷歌产品会与跨浏览器兼容...

3 个答案:

答案 0 :(得分:2)

我遇到了与此错误消息完全相同的问题。 这里的问题是传递给options函数的draw对象。

就我而言,我有两个选择:vAxis.tickshAxis.viewWindow 文档说这些选项仅适用于连续轴,我的轴是连续的。然而,这些都是问题所在。我把它们拿出来,它的工作完美。

答案 1 :(得分:0)

当错误地将xAxis上的数据错误时,我遇到了同样的问题:

2015-12-22T01:10:02,1 2015年12月22日:01:15:01,1

由于我的错误,保存值的脚本使用的是:而不是T. 在日期字符串上。

将值固定为YYYYMMDDTHH:MM:SS解决了我的问题

答案 2 :(得分:0)

我不知道你是否已经解决了这个问题或使用了其他东西,但是我遇到了同样的问题,并通过使用适用于Google图表的“新Date()”格式解决了这个问题:

new Date(Year, Month, Day, Hours, Minutes, Seconds, Milliseconds)

尝试以这种方式声明日期,看看它是否能解决您的错误。

相关问题