Demo of exploded property - CanvasJS

Demo of exploded property - CanvasJS

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer",
{
	title:{
		text: "Demo of exploded property"
	},
	legend: {
		itemclick: function(e) {
			e.dataPoint.exploded = true;
			e.chart.render();
		}
	},
	data: [
	{
		type: "pie",
		showInLegend: true,
		dataPoints: [
			{  y: 4181563, indexLabel: " First" },
			{  y: 2175498, indexLabel: "Second" },
			{  y: 3125844, indexLabel: "Third" }
		]
	}
	]
});
chart.render();