怎么在loadMarkups 函数执行后加载的markups上面响应鼠标事件

Question

怎么在loadMarkups 函数执行后加载的markups上面响应鼠标事件，以及怎么给markup附加自定义的元数据信息

业务场景:需要在markup上鼠标经过时响应类似 tips的自定义信息。我查看代码中markup是以svg方式附加的，但svg设置为不响应鼠标事件。请问怎么对这块功能进行扩展支持。谢谢

相关代码

//svg设置为 point-events:none，并不会响应。需要修改svgString的呈现逻辑
var delta = $("g path[id='markup']")
        // add behaviour

        delta.each((index, path) => {
            path.addEventListener("mouseover", function () {
                alert('hello world!')
            }, false);
        });