Preencher Google Charts com dados do banco

Programação Java
#1

Estou querendo apresentar um gráfico com dados do meu banco, usando o Vraptor. Minha lógica é calcular a quantidade de vendas por dias e isso eu consegui.

Recebo duas listas:

Vendas : [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0] Periodo: [01/03/2017, 02/03/2017, 03/03/2017, 04/03/2017, 05/03/2017, 06/03/2017, 07/03/2017, 08/03/2017, 09/03/2017, 10/03/2017, 11/03/2017, 12/03/2017, 13/03/2017, 14/03/2017, 15/03/2017, 16/03/2017, 17/03/2017, 18/03/2017, 19/03/2017, 20/03/2017, 21/03/2017, 22/03/2017, 23/03/2017, 24/03/2017, 25/03/2017, 26/03/2017, 27/03/2017, 28/03/2017, 29/03/2017, 30/03/2017, 31/03/2017]

Meu problema é que não sei como colocar essas duas listas no chart:

var data = google.visualization.arrayToDataTable([
                    ['Data', 'Quantidade'],
            <c:forEach var="data" items="${getPeriodo}" varStatus="s">
                <c:forEach var="data2" items="${qtdVenda}" varStatus="s">
                    ['${data}', ${data2}],
                </c:forEach>
            </c:forEach>
                ]);

Usando o ForEach acima osdados são apresentados como se todas as datas tivessem 1 venda, só que o correto é só no dia 17 e 18 com 1 venda.

Teriam alguma dica de como eu posso corrigir isso?

#2

E se você já mandar para a jsp os dados consolidados?

#3

@MarciaGomes bom dia. Faça assim:

 var xx = [  <c:forEach var="data" items="${getPeriodo}" > ${data}, </c:forEach>];
 var yy = [  <c:forEach var="data2" items="${qtdVenda}" >   ${data2},  </c:forEach>];
var data = new google.visualization.DataTable();
            data.addColumn('string', 'Periodo');
            data.addColumn('number', 'Quantidade');

        for (var i = 0; i < xx.length; i++) {
            data.addRow([xx[i], yy[i]]);
        }

Vai funcionar! :stuck_out_tongue_winking_eye: