Grafico com filtro em JSP

ScadaBR - Dúvidas e Suporte
1

Boa tarde Scadistas, tudo bom!

Estou tentando montar um gráfico com consulta de intervalo data e hora em JSP, estou com problemas em encontrar a estrutura correta para montar o “while fetch array” para pegar os dados do banco e montar o gráfico, vi alguns modelos em php, mas não se aplicam para JSP, segue abaixo código, a parte em negrito é onde esta a duvida acredito que não estou usando a tag correta, alguém poderia me dar um help por gentileza.

<%@ page language=“java” contentType=“text/html; charset=UTF-8”
pageEncoding=“UTF-8”%>
<%@ page import = “java.io.,java.util.,java.sql."%>
<%@ page import = "javax.servlet.http.,javax.servlet." %>
<%@ page import="java.util.Date,java.text.” %>
<%@ taglib uri=“http://java.sun.com/jsp/jstl/core” prefix = “c”%>
<%@ taglib uri=“http://java.sun.com/jsp/jstl/sql” prefix = “sql”%>
<%@ taglib prefix=“view” tagdir="/WEB-INF/tags/view" %>

google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); 
     function drawChart() {
         
     <sql:setDataSource var = "snapshot" driver = "com.mysql.jdbc.Driver"
     url = "jdbc:mysql://localhost/syngentabd_carreteis_vazao"
     user = "root"  password = ""/>      
     <sql:query dataSource = "${snapshot}" var = "result">            
     SELECT * FROM relatorio WHERE DataTime BETWEEN '<%= request.getParameter("campo1")%> <%= request.getParameter("campo3")%>'  AND '<%= request.getParameter("campo2")%> <%= request.getParameter("campo4")%>';
     </sql:query>
         
    var data = google.visualization.arrayToDataTable([
      ['Hora','Vazão (m3/h)'],

    **<c:forEach var = "row" items = "${result.rows}">**

** [<c:out value = “${row.DataTime}”/>, <c:out value = “${row.vazao_c1}”/>], **
** </c:forEach>**

    ]);

var options = {
      title: 'Grafico - Vazão C1 -',
      hAxis: {title: 'Vazão (m3/h)',  titleTextStyle: {color: '#333'},
               slantedText:true, slantedTextAngle:60},
      vAxis: {minValue: 0},
      explorer: { 
        actions: ['dragToZoom', 'rightClickToReset'],
        axis: 'horizontal',
        keepInBounds: true,
        maxZoomIn: 4.0},
      colors: ['#D44E41'],
    };

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

    chart.draw(data, options);
  }
</script>

<nav> 
<form action=""   method="post">
<input type="date"   name="campo1">
<input type="date"   name="campo2">
<input type="time"   name="campo3">
<input type="time"   name="campo4">
<input type="submit" name="enviar">
</form>
</nav>