Categories
Categories
jsCharts Print
- 14
FOR DOUGHNUT CHART:
<div>
<title>Doughnut Chart</title>
<script src="js/Chart.min.js" type="text/javascript"></script>
<p>
<canvas id="doughNutChartLoc" canvas=""> var ctx = document.getElementById("canvas").getContext("2d"); ctx.canvas.width = 300; ctx.canvas.height = 300; var myDoughnut = new Chart(ctx).Doughnut(doughnutData);
<script type="text/javascript">
// <![CDATA[
var DoughNutChartData = [{
value: 35,
color: "red"
}, {
value: 65,
color: "blue"
}]
var myDoughnut = new Chart(document.getElementById("doughNutChartLoc").getContext("2d")).Doughnut(DoughNutChartData);
// ]]>
window.onload = function() {
var ctx1 = document.getElementById("chart-area1").getContext("2d");
var myPie1 = new Chart(ctx1).Pie(pieData1);
};
// ]]>
</script>
</canvas>
</p>
</div>
and 2,3,4,5 etc to doughNutChartLoc, ctx, and DoughNutChartData as you add more
