如何将 Express JS 与 Google 图表一起使用答案

【问题标题】：How can use together Express JS with Google chart如何将 Express JS 与 Google 图表一起使用
【发布时间】：2018-08-05 11:52:15
【问题描述】：

我正在开发 express 应用程序。所以我想把它连接到谷歌图表。怎么办？ I'm following this article。还有，如何将手动数据更改为 MySQL 数据库数据。

【问题讨论】：

需要更多信息@sampath

标签： javascript mysql node.js express handlebars.js

【解决方案1】：

您必须像这样将 json 数据传递给控制器中的车把文件

res.render('handlebar_file', {db_data: mysql_data});

在车把文件中，您可以像这样使用这些数据

<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {

        var data = {{db_data}};

        var options = {
        title: 'My Daily Activities'
      };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));

    chart.draw(data, options);
  }
</script>

【讨论】：

感谢您的帮助。实际上，我是 Node JS 的初学者。所以请告诉我这段代码有什么错误。
connection.query("SELECT * FROM tblsales", function (err, rows) { var chartData = []; if (err) throw err; for(var idx = 0; idx
你应该使用sequelize package进行sql查询，因为它使代码更简单和干净

【解决方案2】：

简单。使用 expressjs 创建一个 API GET /data，然后从 mysql 获取数据。然后利用 API 加载谷歌图表中的数据。

【讨论】：

谢谢。但是，我是Node JS的初学者。因此，如果您能给我一个示例代码或文章链接，对我来说太重要了。