如何更改 Django 项目的引导模板中的图表数据

Question

我正在为我的 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”是：

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]）中的数据时，图表不会更改。 请告知我应该怎么做才能解决这个问题。 谢谢！