Olá, estou com muita dificuldade para realização de um projeto. Preciso integrar um exemplo do Emotiv em uma web page, os exemplos são funções java que retornam valores em java, e com esses valores eu preciso criar um gráfico em javascript que se altere de acordo com o valor retornado pela função.
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@page import="java.io.BufferedReader" %>
<%@page import="java.io.IOException" %>
<%@page import="java.io.InputStreamReader" %>
<%@page language="java" import="com.emotiv.Iedk.*"%>
<%@ page import="com.sun.jna.ptr.*" %>
<%@page import="com.sun.jna.Pointer" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Teste JSP</title>
<script type="text/javascript" >
document.write('<input type="number" name="numero" value="3">');
document.write('<input type="button" name="submit" onclick="drawChart()">');
</script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
// Load the Visualization API and the corechart package.
google.charts.load('current', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.charts.setOnLoadCallback(drawChart);
// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
numberMushroom=document.getElementsByName("numero")[0];
data.addRows([
['Mushrooms', parseInt(numberMushroom.value)]
]);
// Set chart options
var options = {'title':'How Much Pizza I Ate Last Night',
'width':400,
'height':300};
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
function exibenro(){
nome=document.getElementsByName("numero")[0];
alert(nome.value);
}
</script>
</head>
<body>
<%
%>
<div id="chart_div"></div>
</body>
</html>
Até agora só consegui fazer a interação em java script com o gráfico, não sei como fazer a interação entre uma função java que retorne um valor float ou inteiro e o javascript.