我在一个使用Typescript和Webpack的Angular 2项目中有一个d3散点图表。图表的一部分响应鼠标悬停事件以显示工具提示。现在,鼠标悬停事件实际上可以完美地触发,但是当Webpack转译Typescript时,我看到了一个错误。
Property 'pageX' does not exist on type 'Event | BaseEvent'.
这是一段代码片段,展示了图表元素的“mouseover”部分和有问题的
d3.event.pageX
。 .on("mouseover", (d: any) => {
if(d.roleName) {
div.transition()
.duration(200)
.style("display", "block")
.style("opacity", 1);
div.html(d.roleName + "<br/>" + d.org.name)
.style("left", (d3.event.pageX) + "px")
.style("top", (d3.event.pageY-80) + "px");
}
})
我相对来说对TypeScript不太熟悉,但是据我了解,上述问题可能与d3类型文件的映射不正确有关?
非常感谢任何指导。