Javascript examples for Chart.js:Doughnut Chart
Make a prefilled doughnut in chart.js
<html> <head> <title>chart.js 2.0 bar</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.3/Chart.min.js"></script> <script type="text/javascript"> window.onload=function(){/*from w w w .ja v a 2 s. c o m*/ var canvas = document.getElementById('myChart'); var data = { labels: ["1", "2"], datasets: [{ data: [105, 20], backgroundColor: ['#da5d78', 'gray'], }] }; var options = { rotation: 0, cutoutPercentage: 85, legend: { display: false }, tooltips: { enabled: false } } Chart.Doughnut(canvas, { data: data, options: options }); } </script> </head> <body> <canvas id="myChart" width="400" height="200"></canvas> </body> </html>