Doughnut Chart with name in ToolTIp - CanvasJS JavaScript Charts

Doughnut Chart with name in ToolTIp - CanvasJS JavaScript Charts

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer",
{
	title: {
  	text: "Doughnut Chart with Name in the ToolTip"
  },
	toolTip:{
  	content: "{name}: {y}"
  },
	data: [
	{
		type: "doughnut",
		dataPoints: [
      { y: 10, name: "apple" },
      { y: 15, name: "orange" },
      { y: 25, name: "banana" },
      { y: 30, name: "mango" },
      { y: 28, name: "grape" }
		]
	}					
	]
});

chart.render();