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