Передать данные из формы в google charts [требует правки]

343
24 октября 2017, 03:36

Не работает диаграмма при передаче данных из формы, пожалуйста, подскажите в чем ошибка. https://jsbin.com/kovegaf/1/edit?html,output

Answer 1

    document.getElementById('drawChart').addEventListener('click', function(event) { 
            // 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'); 
        var mushrooms = document.getElementById('mushrooms').value; 
        data.addRows([ 
          ['Mushrooms', parseInt(mushrooms)], 
          ['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); 
      } 
    });
<html> 
  <head> 
    <!--Load the AJAX API--> 
     <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
  </head> 
 
  <body> 
    <!--Form--> 
    Mushrooms: <input id="mushrooms"> 
    <button id="drawChart">build</button> 
    <!--Div that will hold the pie chart--> 
    <div id="chart_div"></div> 
  </body> 
</html>

Получение значения в js делается так 

var mushrooms = document.getElementById('mushrooms').value;

Плюс не было обработчика кнопки

READ ALSO
Вывод связанных данных в symfony
PHP

Вывод связанных данных в symfony

Есть сущности категории(category), подкатегории(subcategory), товары(product)

 248
Как вывести определённый элемент в smarty?
PHP

Как вывести определённый элемент в smarty?

ЗдравствуйтеЕсть код для формирования сообщения на e-mail с помощью smarty v2

 397
Как правильно организовать клиентов в symphony3?
PHP

Как правильно организовать клиентов в symphony3?

Планирую сайт торговой интернет площадки "для себя" для самообразованияДумается будет общий back-end для сайта и для панели управления на symphony3,...

 226
В чём может быть проблема при работе с namespace?
PHP

В чём может быть проблема при работе с namespace?

Не понимаю ошибкуКак он его не находит если я всё указал? Перехожу с java на php и может не замечаю тупую ошибку но из-за непривычки

 336