javascript - Express JS 如何与 Google Chart 一起使用

标签 javascript mysql node.js express handlebars.js

我正在开发 Express 应用程序。所以我想将它连接到Google图表。怎样才能做到呢? I'm following this article 。 还有,如何将手动数据转为MySQL数据库数据。

最佳答案

您必须将 json 数据传递到 Controller 中的 Handlebars 文件,如下所示

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

在 Handlebars 文件中,您可以像这样使用这些数据

<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>

关于javascript - Express JS 如何与 Google Chart 一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48981476/

相关文章:

mysql - 每 5 分钟调用一次 HTTP URL,直至永远

node.js - PhanomJS 卡住 [DEBUG] 网页 - updateLoadingProgress : 90

javascript - 在数组中查找连续的匹配位置

javascript - 如何处理使用 v-on :change? 隐藏的输入

php - 如何长期积累红利?

phpmyadmin mysql语法错误-多where条件

node.js - Express.js 模块返回未定义的值

c++ - Node 配置文件中的 ___mac_get_pid 符号是什么?

javascript - 不触发特定观察者的数组突变

javascript - Bootstrap 关闭模式不起作用