Как сделать кликабельными точки на холсте html5?

Я играю с простым туториаломдля рисования линии на холсте HTML5. Поскольку он основан на jQuery, к рисунку легко добавить множество эффектов.

Как я могу сделать точку доступной для клика/наведения, чтобы добавить эффекты jquery при клике/наведении (mouseenter/mouseleave)? Точки нарисованы

c.fillStyle = '#333';

for(var i = 0; i < data.values.length; i ++) {
    c.beginPath();
    c.arc(getXPixel(i), getYPixel(data.values[i].Y), 4, 0, Math.PI * 2, true);
    c.fill();
}

Как добавить селектор jquery? По сути, я хочу показывать координаты точки при нажатии или наведении .