используя API Google Chart с SQL - PullRequest
1 голос
/ 03 ноября 2011

, поэтому я пытаюсь использовать SQL-операторы в API Google Maps, но я не уверен, как это сделать ... я знаю, что мы не должны использовать JavaScript для SQL (хотя это возможно) Си было интересно, как в мире я должен использовать свои данные в своей базе данных для диаграммы. я уже придумал операторы php, элементы которых уже готовы в массиве для чтения API Google Maps, но пример, который я вижу, я не уверен, смогу ли я просто передать его как любую другую функцию javascript, вот мой пример ...

  <html>
  <head>
      <!--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() {

      // Create the data table.
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Topping');
      data.addColumn('number', 'Slices');
      data.addRows([
        ['Mushrooms', 3],
        ['Onions', 1],
        ['Olives', 1], 
        ['Zucchini', 1],
        ['Pepperoni', 2]
      ]);

      // 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.PieChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    }
    </script>
  </head>

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

если у меня есть массив из моего php-кода, как мне в итоге отправить его в drawchart, когда .setonloadcallback (drawchart) не принимает параметров? я уже попытался поместить параметры туда, и это просто сломало бы весь сегмент кода (диаграмма просто не появлялась бы), любые мысли были бы полезны!

1 Ответ

0 голосов
/ 03 ноября 2011

Вы должны перенести данные из бэкэнда (PHP / MySQL) в интерфейс (Javascript).

  1. Если вам не нужно делать это асинхронно , вы можете просто скопировать их среди кода Javascript и использовать массив в Google Chart Api запрос. Остерегайтесь, вы должны соблюдать синтаксис Javascript при копировании кода, и это, безусловно, ваша проблема здесь. Синхронно здесь означает, что график не изменится, пока вы не перезагрузите страницу.

  2. Если вам нужно сделать это асинхронно , чтобы использовать Ajax:

    • Из Javascript вы асинхронно вызываете PHP-скрипт на сервере, который извлекает некоторые данные из базы данных

    • Вы получаете данные из этого сценария PHP, а затем отправляете их в API Google Chart

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...