javascript - Uncaught ReferenceError : google is not defined google charts

标签 javascript android google-visualization

我正在尝试在 Android 应用程序中加载 Google 图表。但是,它抛出 google 未定义的错误。下面是我的 HTML 文件和 JavaScript 文件。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Patient Vitals</title>

<link href="../../common/scripts/lib/css/jquery.mobile.theme-1.1.0.css" rel="stylesheet" type="text/css" />
<link href="../../common/scripts/lib/css/jquery.mobile-1.0.1.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../../common/scripts/lib/css/jquery.mobile.datebox.css" />
<link href="../scripts/css.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<script src="../../common/scripts/jsapi.js" type="text/javascript">
    google.load('visualization', '1.0', {'packages':['corechart']});
</script>
<script src="../scripts/patient_vitals.js"></script>
</head>
<body>
        <div class="PT_Care_vitals_swa_ofcurv_left"  onclick="getPatientVitalInfo();"</div>   
</body>
</html>

patient_vitals.js:

getPatientVitalInfo =function()
{
   logInformation("Get Patient Vital Information ");
   alert("Get Patient Vital info");
   //code to retieve data from database
   drawChart(temp); 
}

drawChart = function(temp) 
{
   alert("Inside drawChart function");
   //Convert array int DataTable
   var data = google.visualization.arrayToDataTable(temp);
   rowCount = data.getNumberOfRows();
   // Instantiate and draw our chart, passing in some options.
   chart = new google.visualization.LineChart(document.getElementById('chart_div'));
   var options = {'tooltip': {'trigger':'none'}, 'year': "numeric", 'month':      "numeric",'day': "numeric", 'pointSize':5};
   //Function to perform select operation

   //Drawing the chart in HTML page
   chart.draw(data, options);
}       

这里,google.visualization.arrayToDataTable(temp) 抛出这个错误。对此有什么想法吗?如何解决?我还尝试将 google.Visulization 保留在 .js 文件中。但它也不起作用。如果我从浏览器运行相同的代码,它工作正常。是安卓的问题吗?

最佳答案

好像有点奇怪。尝试改变

<script src="../../common/scripts/jsapi.js" type="text/javascript">
    google.load('visualization', '1.0', {'packages':['corechart']});
</script>

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

然后应该正确加载 google 对象。此外,您还粘贴了来自谷歌图表示例的图表初始化,

chart = new google.visualization.LineChart(document.getElementById('chart_div'));

但你唯一的 HTML 是

<div class="PT_Care_vitals_swa_ofcurv_left"  onclick="getPatientVitalInfo();"</div>   

你错过了 chart_div id

关于javascript - Uncaught ReferenceError : google is not defined google charts,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17533789/

相关文章:

php - 有没有等同于 javascripts a = b && b.c || 的 php? d

Android - 跨多个 Activity 管理本地服务绑定(bind)/解除绑定(bind)的有效方法

java - Parse.com 推送通知不起作用

javascript - 是否可以导出和导入整个 JS 文件,而无需在每个函数中添加 Export 和 Import 等?

javascript - 如果未选择第一个,则禁用第二个下拉列表

android - Genymotion 不显示所有 API 版本

javascript - googlechart json javascript 的动态数组

html - 显示具有单个值的谷歌折线图(图像)

javascript - Sankey 的 Google 图表 API 未触发选择事件

javascript - React Router 在生产环境中出现 404 错误