Question

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

Answer 1

简单。使用expressjs创建API GET /data，而expressjs又从mysql中获取数据。然后使用API在Google图表中加载数据。

Answer 2

您必须将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>

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

2 个答案: