title: Want to multiple charts on same page with different data
body: <p>I am using a doughnut chart plugin in my website. It is working fine but I want multiple chart on same page with different data. Please see the code below.</p>
  
  <p>This is the chart I am using</p>
  
  <pre><code>&lt;canvas id="chart-area1" width="200" height="200" style="width:150px !important; height:150px !important;"/&gt;&lt;/canvas&gt;
  </code></pre>
  
  <p>Script is here</p>
  
  <pre><code>&lt;script src="http://www.chartjs.org/assets/Chart.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      var doughnutData = [
              {
                  value: 45,
                  color:"#17CB8A",
                  highlight: "#17CB8C",
                  label: "Strating"
              },
              {
                  value: 12,
                  color: "#FF003C",
                  highlight: "#FF003A",
                  label: "Warning"
              },
              {
                  value: 7,
                  color: "#fb6800",
                  highlight: "#fb6801",
                  label: "Past Due"
              },
              {
                  value: 9,
                  color: "#88c100",
                  highlight: "#88c102",
                  label: "In Progress"
              },
  
          ];
  
          window.onload = function(){
              var ctx = document.getElementById("chart-area1").getContext("2d");
              window.myDoughnut = new Chart(ctx).Doughnut(doughnutData, {responsive : true});
          };
  
  &lt;/script&gt;
  </code></pre>
  
  <p>How I can copy this chart with different attributes?</p>