Javascript examples for Chart.js:Chart Data
Chartjs with zero data
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="text/javascript" src="http://code.createjs.com/createjs-2013.09.25.combined.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script> <style id="compiled-css" type="text/css"> canvas {//from w ww. j a va 2s . c o m background: radial-gradient(circle at center, rgba(0,0,0,0) 0, rgba(0,0,0,0) 55%, rgba(0,0,0,0.2) 56%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.2) 64%, rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%); } </style> <script type="text/javascript"> window.onload=function(){ var data = [ { value: 0, color:"#F7464A", highlight: "#FF5A5E", label: "Red" }, { value: 0, color: "#46BFBD", highlight: "#5AD3D1", label: "Green" }, { value: 0, color: "#FDB45C", highlight: "#FFC870", label: "Yellow" } ]; var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); var midX = canvas.width/2; var midY = canvas.height/2 var myPieChart = new Chart(ctx).Doughnut(data, {}); var radius = myPieChart.outerRadius; } </script> </head> <body> <canvas id="canvas" width="300" height="300"></canvas> </body> </html>