Попытка получить данные базы данных с помощью NODEJS для вставки в график - PullRequest
Новая
       8

Попытка получить данные базы данных с помощью NODEJS для вставки в график

0 голосов
/ 11 сентября 2018

Прежде всего, я хотел бы поблагодарить всех тех, кто пытается помочь нам, студентам.Это совсем не простая задача!

Я пытаюсь получить столбец из базы данных SQL для вывода на график (Plotly.js) ... У меня настроен маршрут, он отправляет информацию, необходимую для просмотра(EJS), и я пытаюсь использовать его на графиках, но после нескольких дней исследований я не смог найти ответ ...

Это код только для маршрута: 

    app.get('/barras', function(req,res){
    console.log('Database connection online');
    connection.query('select progresso from barra', function(error,result){
        barras = result;
        console.log(barras);
        res.render('admin/barras',barras);
    });
});

Информация будет использоваться в этом представлении: 

<!DOCTYPE html>
<html>
<head>
  <!-- Plotly.js -->
  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>

<body>
<% if(barras){ %>
  <ul>
    <% for (var i = 0; i < barras.length; i++) { %>
      <li>
        <%=barras[i].progresso %>
      </li>
    <%}%>
  </ul>
<% } %>
  <div id="myDiv" style="width: 480px; height: 400px;"><!-- Plotly chart will be drawn inside this DIV --></div>
  <script>
var data = [{ 
     type: 'bar', 
     x: [barras[i].progresso],
     y: ['giraffes', 'orangutans', 'monkeys'], 
     orientation: 'h' 
}];

Plotly.newPlot('myDiv', data);
  </script>
</body>
</html>

Я поместил выше структуру "for", чтобы быть уверенным, что информация отправляется, и она ...

...