Как изменить данные графика в шаблоне bootstrap для проекта Django

Я использую шаблон "start bootstrap" для своего проекта Django. Я хочу редактировать свои собственные данные в примере графика. Я думаю, что мне нужно изменить их в файле "chart-pie-demo.js". Однако график не меняется, когда я редактирую какие-либо данные.

Код, относящийся к моей диаграмме в "chart.html" следующий:

  <!-- Donut Chart -->
      <div class="col-xl-4 col-lg-5">
         <div class="card shadow mb-4">
           <!-- Card Header - Dropdown -->
              <div class="card-header py-3">
               <h6 class="m-0 font-weight-bold text-primary">Donut Chart</h6>
             </div>
           <!-- Card Body -->
              <div class="card-body">
                 <div class="chart-pie pt-4">
                   <canvas id="myPieChart"></canvas>
                  </div>
                       <hr>Styling for the donut chart can be found in the
                  <code>/js/demo/chart-pie-demo.js</code> file.
                  </div>
                  </div>
                  </div>

<!-- Page level plugins -->
<script src="{% static 'Chart.min.js' %}"></script>

<!-- Page level custom scripts -->
<script src="{% static 'chart-area-demo.js' %}"></script>
<script src="{% static 'chart-pie-demo.js' %}"></script>
<script src="{% static 'chart-bar-demo.js' %}"></script>

Мой "chart-pie-demo.js", который находится в разделе "static":

var ctx = document.getElementById("myPieChart");
var myPieChart = new Chart(ctx, {
  type: 'doughnut',
  data: {
    labels: ["Direct", "Referral", "Social"],
    datasets: [{
      data: [55, 30, 15],
      backgroundColor: ['#4e73df', '#1cc88a', '#36b9cc'],
      hoverBackgroundColor: ['#2e59d9', '#17a673', '#2c9faf'],
      hoverBorderColor: "rgba(234, 236, 244, 1)",
    }],
  },
  options: {
    maintainAspectRatio: false,
    tooltips: {
      backgroundColor: "rgb(255,255,255)",
      bodyFontColor: "#858796",
      borderColor: '#dddfeb',
      borderWidth: 1,
      xPadding: 15,
      yPadding: 15,
      displayColors: false,
      caretPadding: 10,
    },
    legend: {
      display: false
    },
    cutoutPercentage: 80,
  },
});

Мой "views.py":

def chart(request):
    return render(request,'charts.html')

Мой "urls.py":

from APP.views import chart

urlpatterns = [
    path('chart/', chart, name='chart'), 
]

Когда я изменяю данные в файле "chart-pie-demo.js" (данные: [55, 30, 15]), график не меняется. Пожалуйста, посоветуйте, что я должен сделать, чтобы решить эту проблему. Спасибо!

Вернуться на верх