Как можно использовать Express JS вместе с Google Chart

0

Я разрабатываю экспресс-заявку. Поэтому я хочу связать его с графиком Google. Как это можно сделать? Я следую этой статье. А также, как изменить данные вручную на данные базы данных MySQL.

  • 0
    Нужна дополнительная информация @sampath
Теги:
express
handlebars.js

2 ответа

0
Лучший ответ

Вы должны передать данные 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>

Поделиться
  • 0
    Спасибо за вашу помощь. На самом деле, я новичок в Node JS. Поэтому, пожалуйста, скажите мне, какие ошибки в этом разделе кода.
  • 0
    connection.query («SELECT * FROM tblsales», функция (err, строки) {var chartData = []; if (err) выбрасывать err; for (var idx = 0; idx <rows.length; ++ idx) {var item = row [idx]; chartData.push ([item.city, item.salesQty]);} //console.log(chartData[city]); res.render ('index', {db_data: chartData}); });
Показать ещё 1 комментарий
0

Просто. Создайте API GET/data с помощью expressjs, который, в свою очередь, извлекает данные из mysql. Затем используйте API для загрузки данных в диаграммах Google.

Поделиться
  • 0
    Спасибо. Но я новичок в Node JS. Поэтому, если вы можете дать мне пример кода или ссылку на статью, слишком важную для меня.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню