Блог

Главная - Вопросы по программированию - Передача массива, отображаемого в EJS, в Chart.js

Передача массива, отображаемого в EJS, в Chart.js

#javascript #ejs

Вопрос:

В настоящее время я отрисовал данные .ejs из своей базы данных с помощью этого кода

  <% for(x=0;x < counter.length ; x  ) { %>
            <h3 id="info" style="margin-top:50px;">Count: <%= counter[x].cnt %></h3>
           
            <% } %>

Поскольку вывод представляет собой массив, я хочу передать этот массив в качестве источника данных для моего Chart.js

В настоящее время это фрагмент моего Chart.js код

 <h3>Bar Chart</h3>
            <hr />
            <div style="width: 80%">
              <canvas id="canvas"></canvas>
            </div>
            <script>
              var ctx = document.getElementById("canvas").getContext("2d");
             ' <% for(x=0;x < counter.length ; x  ) { %>'
             
             
              var test = '<%-JSON.stringify(counter[x].cnt)%>';
             '<% } %>'
 
              var myBarChart = new Chart(ctx, {
                type: "bar",
                data: {
                  labels: ["Red", "Blue", "Yellow", "Green", "Purple"],
                  datasets: [
                    {
                      
                      label: "# of Votes",
                      data: test,

... so on

Проблема в том, что на моей гистограмме отображается значение 1, которое является значением для счетчика[0].cnt, он не показывает остальные числа в массиве.

Метки: , ,