javascript - 如何使用chartjs在Doughnutchart中放置动态值？

Question

我是chartjs的初学者。我需要使用表单表提交按钮进行动态值更新。

(图表)

我正在使用 Chart.min.js

<form>
   <ul>
     <li>
         <p>
           <label>Mobilizations</label> <input type='text' id="Doughnut-1" />
         </p>
     </li>
     <li>
          <p>
            <label>Blue print</label> <input type='text' id="Doughnut-2" />
          </p>
     </li>
     <li>
          <p>
            <label>Realization</label> <input type='text' id="Doughnut-3" />
          </p>
     </li>
     <li>
          <p>
            <label>Final Preparation</label> <input type='text' id="Doughnut-4" />
          </p>
     </li>
     <li>
          <p>
             <label>Golive & Support</label> <input type='text' id="Doughnut-5" />
          </p>
     </li>

     <li>
         <input type="button" id="submit-1" value="submit" />
     </li>
   </ul>

</form>




 var DoughnutData = [
     {
         label: "Mobilizations",
         value: 60,

         color: "#165c91"
     },
     {
         label: "Blue print",
         value: 60,
         color: "#0070c0"
     },
     {
         label: "Realization",
         value: 60,
         color: "#157cc0"
     },
     {
         label: "Final Preparation",
         value: 60,
         color: "#0d74be"
     },
      {
          label: "Golive & Support",
          value: 60,
          color: "#0a5184"
      },


 ];



 var DoughnutOptions = {
     segmentShowStroke: false,
     animateScale: true

 }
 // get Doughnut chart canvas
 var Doughnut = document.getElementById("Doughnut").getContext("2d");

 // draw Doughnut chart
 new Chart(Doughnut).Doughnut(DoughnutData, DoughnutOptions);

我是 js 和 js 的初学者。我需要使用表单表将静态值更改为动态值。如果我们将值放入表格中并提交，那么图表将发生变化。

(图表)

我正在使用 Chart.min.js

Answer 1

好吧，首先你应该阅读 docs ，但我将根据您的问题假设您不太了解英语。

您要找的方法是.addData( segmentData, index )