Javascript 如何使用RaphaelJs捕捉鼠标滚轮向上/向下事件

我需要实现一个水平的可滚动时间表。我已经绘制了时间线/网格/标尺等。我只需要抓住鼠标滚轮上下滚动时间线（向后-过去/向前-未来）

首先，我需要抓住这一事件：但我发现似乎没有什么起作用。仅需要chrome/firefox（最新版本）的浏览器支持

这两个侦听器不起作用：

var paper = new Raphael('raphael-paper');
// ...
paper.canvas.on('mousewheel', function(event) {     
    console.log(event);
});
// ...
paper.canvas.addEventListener('mousewheel', function(event) {
    console.log(event);
});

使用：

用法：

// Init
var paper = new Raphael('raphael-paper');

// When Page Loads
$(document).ready(function()
{
    // capture mouse wheel using bind
    $(paper.canvas).bind('mousewheel', function(event, delta, deltaX, deltaY) {
        console.log(delta, deltaX, deltaY);
    });

    // capture mouse wheel using the event helper
    $(paper.canvas).mousewheel(function(event, delta, deltaX, deltaY) {
        console.log(delta, deltaX, deltaY);
    });
});