jquery - 使 HTML5 画布响应悬停事件

Question

我正在使用以下代码绘制 HTML5 画布图表：

<canvas id="myChart" width="400" height="400"></canvas>

var ctx =  $("#myChart").get(0).getContext("2d");
ctx.beginPath();
ctx.arc(200,200,scaleAnimation * doughnutRadius,cumulativeAngle,cumulativeAngle + segmentAngle,false);
ctx.arc(width/2,height/2,scaleAnimation * cutoutRadius,cumulativeAngle + segmentAngle,cumulativeAngle,true);
ctx.closePath();
ctx.fillStyle = data[i].color;
ctx.fill();
cumulativeAngle += segmentAngle;

我没有在这里包含所有变量声明，因为它们不是必需的。这实质上是一个圆环图。我想让图表像这里用 morris.js 制作的图表一样响应。

也就是说，将鼠标悬停在显示值和标签的各个部分上。jsbin 示例有不同的实现。使用 HTML5 画布元素时可以这样做吗？