JavaScript Pie Charts & Graphs - 0 | JSFiddle Sample Code
JavaScript Pie Charts & Graphs - 0 | JSFiddle Sample Code
HTML
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div style="margin-top:16px;color:dimgrey;font-size:9px;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:none;">Source: <a href="https://canvasjs.com/html5-javascript-pie-chart/" target="_blank" title="JavaScript Pie Charts & Graphs ">https://canvasjs.com/html5-javascript-pie-chart/</a></div>
JavaScript
window.onload = function() {
var chart = new CanvasJS.Chart("chartContainer", {
animationEnabled: true,
title: {
text: "Desktop Search Engine Market Share - 2016"
},
data: [{
type: "pie",
startAngle: 240,
yValueFormatString: "##0.00\"%\"",
indexLabel: "{label} {y}",
dataPoints: [
{y: 0, label: "Google"},
{y: 0, label: "Bing"},
{y: 0, label: "Baidu"},
{y: 0, label: "Yahoo"},
{y: 0, label: "Others"}
]
}]
});
chart.render();
}