Невозможно прочитать свойство arrayToDataTable из undefined
Я использую Google API для создания круговых диаграмм на своей странице JSP, но получаю следующую ошибку: "Uncaught TypeError: Cannot read property 'arrayToDataTable' of undefined"
Вот мой код:
<!DOCTYPE html>
<html lang = "en">
<head>
<%@ page import = "java.util.ArrayList" %>
<%@ page import = "java.io.*" %>
<%@ page import = "java.util.*" %>
<%@ page import = "org.apache.commons.io.FileUtils" %>
<%@ page import = "java.nio.file.Files"%>
<%@ page import = "java.nio.file.Files"%>
<%@ page import = "org.apache.commons.io.filefilter.WildcardFileFilter"%>
<%@ page import = "org.apache.commons.io.filefilter.DirectoryFileFilter"%>
<%@ taglib uri = "http://java.sun.com/jsp/jstl/core" prefix = "c" %>
<%@page import = "java.sql.DriverManager"%>
<%@page import = "java.sql.ResultSet"%>
<%@page import = "java.sql.Statement"%>
<%@page import = "java.sql.Connection"%>
<%@page import = "java.sql.PreparedStatement"%>
<%@page import = "javax.servlet.*,java.text.*" %>
<%@ taglib uri = "http://java.sun.com/jsp/jstl/core" prefix = "c" %>
<script src = "js/jquery-1.11.1.js" type = "text/javascript"></script>
<script type = "text/javascript" src = "https://www.gstatic.com/charts/loader.js"></script>
<script>
// Load google charts
google.charts.load('current', {'packages':['corechart']});
//google.charts.setOnLoadCallback(drawChart);
// Draw the chart and set the chart values
function drawChart(Passed,Failed) {
var data = google.visualization.arrayToDataTable([
['Task', 'Passed/Failed'],
['Passed', Passed],
['Failed', Failed],
]);
// Optional; add a title and set the width and height of the chart
var options = {'title':'EPRISM automation Status', 'width':400, 'height':300};
// Display the chart inside the <div> element with id = "piechart"
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
<style>
.box{
display: none;
hide: { fixed: true }
width : 100%;
}
a:hover + .box,.box:hover
{
display: block;
position: relative;
z-index: 100;
hide: { fixed: true }
}
#rajaram {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
#rajaram td, #rajaram th {
border: 1px solid #ddd;
padding: 8px;
}
#rajaram tr:nth-child(even){background-color: #f2f2f2;}
#rajaram tr:hover {background-color: #ddd;}
#rajaram th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #4CAF50;
color: white;
}
</style>
</head>
<body oncontextmenu = "return false">
<%!
String fname = "";
int passed = 0;
int failed = 0;
HashMap<String,Integer> hm = new HashMap<String,Integer>();
%>
<center><h1>EPRISM DASHBOARD</h1></center>
<form id = "cvision" name = "cvison" action = "/db/rajakannuri" method = "POST" >
<center><table id = "rajaram" style = "width:50%">
<tr>
<th>CARRIER</th>
<th>DATE</th>
</tr>
<tr id = "ram">
<%
try {
Class.forName("com.mysql.jdbc.Driver");
String url = "jdbc:mysql://localhost:3306/eprism_dashboard";
String username = "root";
String password = "@1RAJAram1.@";
Connection connection = DriverManager.getConnection(url, username, password);
PreparedStatement pstmt = (PreparedStatement) connection.prepareStatement("SELECT DISTINCT CARRIER_NAME FROM eprism_reports");
ResultSet resultSet = pstmt.executeQuery();
%>
<Center>
<td>
<select name = "release" id = "module">
<option value = "" disabled selected>Please Select CARRIER</option>
<option value = "ALL">ALL CARRIERS</option>
<%
while(resultSet.next()) {
fname = resultSet.getString("CARRIER_NAME"); %>
<option value = "<%=fname%>"><%=fname%></option>
<% } %>
</select>
</td>
</center>
<%
connection.close();
} catch (Exception e) {
out.println(e);
}
%>
<Center>
<td><input type = "date" id = "datepicker" name = "dateFrom" onchange = "this.form.submit()"/></td>
</center>
</tr>
</table>
</br>
<%
if (request.getParameter("release")!=null)
{
String tagName = request.getParameter("release");
try{
Class.forName("com.mysql.jdbc.Driver");
String url = "jdbc:mysql://localhost:3306/eprism_dashboard";
String username = "root";
String password = "@1RAJAram1.@";
Connection connection = DriverManager.getConnection(url, username, password);
if (!(request.getParameter("release").equals("ALL")))
{
PreparedStatement pstmt = (PreparedStatement) connection.prepareStatement("SELECT *,CLAIM_TYPE FROM eprism_dashboard.eprism_reports where CARRIER_NAME='"+tagName+"'"+
"AND RERUN = (SELECT MAX(RERUN)"+
"FROM eprism_dashboard.eprism_reports Where CARRIER_NAME ='"+tagName+"')");
ResultSet resultSet = pstmt.executeQuery();
hm = new HashMap<String,Integer>();
%>
<table border = "2">
<tr>
<td>CARRIER_NAME</td>
<td>CLAIM_TYPE</td>
<td>STATUS</td>
<td>DATE</td>
<td>RERUN_COUNT</td>
</tr>
<%
while(resultSet.next()){
%>
<tr><td><%=resultSet.getString("CARRIER_NAME")%></td>
<td><%=resultSet.getString("CLAIM_TYPE")%></td>
<td><%=resultSet.getString("STATUS")%></td>
<td><%=resultSet.getString("DATE")%></td>
<td><%=resultSet.getString("RERUN")%></td></tr>
<%
}
%>
</table>
<%
} else {
PreparedStatement pstmt = (PreparedStatement) connection.prepareStatement("SELECT COUNT(*) as STATUSCOUNT, status FROM eprism_dashboard.eprism_reports where CARRIER_NAME!='QA_EPRISM' GROUP BY Status");
ResultSet resultSet = pstmt.executeQuery();
hm = new HashMap<String,Integer>();
while(resultSet.next()){
hm.put(resultSet.getString("status"),resultSet.getInt("STATUSCOUNT"));
}
if (hm.get("Failed")==null)
{
passed =hm.get("Passed");
failed = 0;
}
else if (hm.get("Failed")==null)
{
passed = 0;
failed = hm.get("Failed");
}
else {
passed =hm.get("Passed");
%><%=passed%><%
failed =hm.get("Failed");
%><%=failed%><%
}
%>
<script language = "javascript"> drawChart(<%=passed%>,<%=failed%>)</script>
<%
}
connection.close();
} catch (Exception e) {
out.println(e);
}
hm = null;
tagName = null;
}
else
{
%><Center><h3>Please select and Enter all details</h3></Center><%
}
%>
</table>
<div id = "piechart" align = "left"></div>
</form>
</body>
</html>
Пожалуйста, кто-нибудь может мне помочь в этом вопросе. Я попытался найти эту ошибку в Google. Я нашел так много ответов, но ни один из них не сработал.
@brk Я пробовал, но не работает
—
15.05.2018 17:53
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
917
0
Другие вопросы по теме
Аффикс-топ не возвращается в нужное время / положение
Javascript - как показать значение объекта, сопоставив ввод пользователя с его ключом?
Поменять местами изображение, используемое в качестве фона, с помощью javascript
Показывать только первые 4 буквы и переход между слайдами при нажатии
Использование значений в файле cookie для изменения содержимого страницы - Диспетчер тегов Google
Примените скрипт к каждому элементу case с классом «required»
Javascript Как создать один JSON, объединив два JSON
Модальная прокрутка Bootstrap до нижней части модального окна
Ошибка jQuery, препятствующая работе imageMapper
Datatables Обработка на стороне сервера очень медленная
Похожие вопросы
Установите переменную равной для возврата данных из асинхронной функции в JavaScript
Передача функции в качестве параметра через 2 директивы в angularjs
Angular печатает простой текст в html
Аффикс-топ не возвращается в нужное время / положение
MutationObserver на любом активном поле ввода
Отображаемый тип по методам
Javascript - как показать значение объекта, сопоставив ввод пользователя с его ключом?
Подсчет перехода инвертора для его собственной функции
Как установить дату для ISOString для разных условий
Поменять местами изображение, используемое в качестве фона, с помощью javascript
Не вижу библиотек для
google.visualization