title: How to put dynamic value in Doughnutchart Using chartjs?
body: <p>I am beginner in chartjs. I need a dynamic values updates using form table submit button.</p>
  
  <p>(chartjs)</p>
  
  <p>I am using Chart.min.js</p>
  
  <pre><code>&lt;form&gt;
     &lt;ul&gt;
       &lt;li&gt;
           &lt;p&gt;
             &lt;label&gt;Mobilizations&lt;/label&gt; &lt;input type='text' id="Doughnut-1" /&gt;
           &lt;/p&gt;
       &lt;/li&gt;
       &lt;li&gt;
            &lt;p&gt;
              &lt;label&gt;Blue print&lt;/label&gt; &lt;input type='text' id="Doughnut-2" /&gt;
            &lt;/p&gt;
       &lt;/li&gt;
       &lt;li&gt;
            &lt;p&gt;
              &lt;label&gt;Realization&lt;/label&gt; &lt;input type='text' id="Doughnut-3" /&gt;
            &lt;/p&gt;
       &lt;/li&gt;
       &lt;li&gt;
            &lt;p&gt;
              &lt;label&gt;Final Preparation&lt;/label&gt; &lt;input type='text' id="Doughnut-4" /&gt;
            &lt;/p&gt;
       &lt;/li&gt;
       &lt;li&gt;
            &lt;p&gt;
               &lt;label&gt;Golive &amp; Support&lt;/label&gt; &lt;input type='text' id="Doughnut-5" /&gt;
            &lt;/p&gt;
       &lt;/li&gt;
  
       &lt;li&gt;
           &lt;input type="button" id="submit-1" value="submit" /&gt;
       &lt;/li&gt;
     &lt;/ul&gt;
  
  &lt;/form&gt;
  
  
  
  
   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 &amp; 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);
  </code></pre>
  
  <p>I am beginner of js &amp; js. I need to change the static value into dynamic, using form table. If we put the value in the table &amp; submit then will change the chart.</p>
  
  <p>(chartjs)</p>
  
  <p>I am using Chart.min.js</p>