Диаграмма Google с node.js и mysql - PullRequest
0 голосов
/ 12 января 2020

Я пытаюсь построить диаграмму, используя диаграмму Google и используя данные из mysql. Я использую express. js. Я могу успешно отправить свои mysql данные во внешний интерфейс. Я пытаюсь использовать forEach для загрузки данных в график, но он не работает. Я не уверен, чего не хватает. Я буду признателен за любую помощь. У меня есть поиск в Интернете, но большинство ресурсов в PHP. Заранее спасибо.

Указатель. js

router.get('/sale_management', function(req, res, next){
  var sql = "select * from Products; select * from Supplier; "
  db.query(sql, [1,2,3], function(err, rs){
    if(err){
      res.send(err);
    }
    else{
      res.render('sale_management', {datas:rs[0], datum:rs[1]});
    }
  });

});

sale_management.e js

       <a style="display: block;" href="">
             <div class="img-large">
               <div id="piechart"></div>
               <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
               <script type="text/javascript">
               // Load google charts
               google.charts.load('current', {'packages':['corechart']});
               google.charts.setOnLoadCallback(drawChart);

               // Draw the chart and set the chart values
               function drawChart() {
                 var data = google.visualization.arrayToDataTable([
                 ['Task', 'Hours per Day'],

               // LOADING THE DATA
                 datas.forEach(function(item){
                ['"'+toString(item.prod_name)+'"', parseInt(item.stockquantity)]
                 })
               ]);

                 // Optional; add a title and set the width and height of the chart
                 var options = {'title':'My Average Day', 'width':550, 'height':400};

                 // Display the chart inside the <div> element with id="piechart"
                 var chart = new google.visualization.PieChart(document.getElementById('piechart'));
                 chart.draw(data, options);
               }
               </script>

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