Zooming Behavior: Implement Zoom to target Mouse Cursor

[Avinaba-Mazumdar]

Currently, the jquery.orgchart plugin zooms to the center of the chart container by default. This behavior is not ideal for exploring large or complex organizational charts, as users often want to zoom in on specific areas of the chart.

    zoomWheelHandler: function (e) {
        var t = e.data.oc;
        e.preventDefault();

        var mouseX = e.originalEvent.clientX - t.$chart.offset().left;
        var mouseY = e.originalEvent.clientY - t.$chart.offset().top;

        var scaleChange = 1 + (0 < e.originalEvent.deltaY ? -0.05 : 0.05);
        var newScale = t.$chart.data("scale") ? t.$chart.data("scale") * scaleChange : scaleChange;

        t.$chart.css("transform-origin", mouseY + "px " + mouseX + "px");
        t.setChartScale(t.$chart, newScale);
    },

i tried this, but its not working as expected

anyone here have a solution?