1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Problemas com o Google Chart API

Olá, tenho que fazer uma aplicação web onde eu passo uma lista de objetos para a API Google Charts e a mesma gera um gráfico com os valores referentes a lista.Utilizei a biblioteca GSON do google para converter a minha lista em uma string JSON. Porém o gráfico fica em branco. Alguém poderia me ajudar a verificar qual é o erro? Abaixo segue o código da minha jsp e string que eu passo com parâmetro:

 <html>
<head>
    <title>Gráfico de Ocorrências</title>
    <!--Load the AJAX API-->
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">

      // Load the Visualization API and the piechart package.
      google.load('visualization', '1.0', {'packages':['corechart']});

      // Set a callback to run when the Google Visualization API is loaded.
      google.setOnLoadCallback(drawChart);

      // Callback that creates and populates a data table,
      // instantiates the pie chart, passes in the data and
      // draws it.
      function drawChart() {
          var lista = ${avaliacoes};
          eval(JSON.strigfy(lista));
          // Create the data table.
          var data = new google.visualization.arrayToDataTable(lista);


          // Instantiate and draw our chart, passing in some options.
          var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
          chart.draw(data, {
              'title': 'Manhã: 6:00 - 12:00hs',
              'width': 750,
              'height': 350,
              is3D: true,
              'backgroundColor': '#f6f6f6'
          });
      }
    </script>
</head>

<body>
    <div class="text-center">
        <h3><b>Espaco : ${espaco.nome}</b></h3>
        <h4>Gráfico de ocorrências - Período: ${filtro.dtInicio} a ${filtro.dtFim}</h4>

        <!--Div that will hold the pie chart-->
        <div id="chart_div"></div>
    </div>
    <div>

    </div>
</body>
</html>

avaliacoes = [{"pergunta":"Tem agua13","quantidade":2},{"pergunta":"Tem agua5","quantidade":2},{"pergunta":"Tem agua13","quantidade":2},{"pergunta":"Tem agua5","quantidade":2}].

  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

0 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags json spring-mvc google javascript ou faça a sua própria pergunta.