title: Chart.js data structure, how can I dynamically fill this with an array and random colors?
body: <p>I'm using chart.js to display a Doughnut chart on my site, I'd like to be able to populate the values in the chart dynamically with an array of content pulled from somewhere else on the page.  Chart.js stores it's values for the Doughnut chart in this data structure</p>
  
  <pre><code>var doughnutData = [
              {
                  value: 10,
                  color:"#F7464A"
              },
              {
                  value : 10,
                  color : "#46BFBD"
              },
              {
                  value : 20,
                  color : "#FDB45C"
              },
              {
                  value : 50,
                  color : "#949FB1"
              }
  
          ];
  </code></pre>
  
  <p>How can I populate the values of this data structure dynamically in Javascript?</p>
  
  <p>I already know how I'm going to generate the random colors using this (for anyone interested) </p>
  
  <pre><code>'#'+Math.floor(Math.random()*16777215).toString(16)
  </code></pre>