如何在饼图上显示工具提示's每个部分都使用javascript画布编程

在不使用任何js库（如dynamic、Raphael等）的情况下，如何使用javascript在饼图的每个部分上显示工具提示，以及如何在鼠标点击和鼠标悬停显示工具提示时分离饼图的各个部分。

<script type="text/javascript">
function draw()
{
 var can=document.getElementById("can");
 var ctx=can.getContext("2d");
 var w=can.width/2;
 var h=can.height/2; 
  var total=startangle=endangle=radius=slices=0;
  var data=[25,25,25,25];
  var color=['red','green','blue','purple'];
  var subdata=[2,5];
  //collecting total value of pie
  for(var k =0;k<data.length;k++)
   {
total+=data[k];  
   }
  //generate pie
   for(var i=0;i<data.length;i++)
    {
 slices=(data[i]/total);
 radius=2*Math.PI*slices;
 endangle=startangle+radius;
 ctx.beginPath();
 ctx.arc(w, h, 75, startangle, endangle);
 ctx.lineTo(w,h);
 ctx.closePath();
 startangle+=radius;
 ctx.fillStyle=color[i];
 ctx.fill();
 ctx.lineWidth=2;
 ctx.stroke();
 }
 }
    </script>