Criação de pagina em JSP mesclando java+javascript

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.

Topicos relacionados