Como substituir os eventos de arrastar no C3.js

Atualmente, estou tentando implementar um recurso de zoom ligeiramente diferente daquele que já existe.
Na verdade, eu gostaria que, se um usuário clicar e arrastar no gráfico, ele ampliar o domínio definido. Gostaria de fazê-lo dessa maneira, porque com a roda do mouse impede o usuário de subir / descer a página.

Como não parece possível com oC3.js API, Tentei implementar o evento drag, seguindo este pequeno passo a passo no D3.jsComportamento de arrasto. No entanto, não entendi bem, pois não está funcionando quando o experimento no gráfico.

Aqui está uma amostra do meu código:

function setHandlers() {
    /**
     * A custom drag event  to zoom on the graph
     */

    var drag = d3.behavior.drag();
    d3.selectAll('.c3-event-rects').on(".drag", null);

    drag
        .on('dragstart', function (d) {
            d3.event.sourceEvent.stopPropagation();
            console.log("start");
            console.log(d)
        })
        .on('drag', function (d) {
            console.log("on bouge :)")           
        })
        .on('dragend', function (d) {
            console.log("end");
            console.log(d)
         })
}

Eu chamo essa função sempre que atualizo meu gráfico e já codifiquei um manipulador personalizado para um clique duplo (na mesma função, mas eu o desativei para ficar mais claro). Gostaria de saber como acionar com êxito um evento de arrastar em um gráfico C3.js., especialmente os eventos dragstart e dragend?

Muito obrigado por suas respostas