javascript-未捕获的参考错误：未定义google谷歌图表

2019-10-12 05:40:07 阅读：161 来源： 互联网

标签：android javascript 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文件中.但这也行不通.如果我从浏览器运行相同的代码,则可以正常工作. android有问题吗？

解决方法:

似乎有点奇怪.尝试改变

<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对象.另外,您还从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

标签：android,javascript,google-visualization
来源： https://codeday.me/bug/20191012/1898331.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript-未捕获的参考错误：未定义google谷歌图表