Introduction Greetings of the day! As a continuation to my earlier posts, this is a Pie chart. This is with HTML 5 Canvas element. Animation is available in this only in slice pullout. Description As earlier this will follow the same logic. Use "PieChart" object to render the chart. I have the following code in html page: <body onload="draw()"> <canvas id="myCanvas" width="660" height="400" onclick="g_chart.handleClick(event, this)"></canvas> </body> The canvas element in html code will be rendered as pie chart. We have to work a little trick here, we have to use a global variable. We will later explain the requirement for a global variable. So the function call will be like the following: var g_chart; function draw() { var _data = { "id" : "myCanvas", "data" : [ {"label" : "Medicine Items Sell",