我有一个可视化对象,它实际上是一系列堆积的条形图,每个条形图都包含多个面板。例如,这是三个这样的条形图,每个都有四个面板。
我设法实现了在图表之间协调的平移/缩放功能。例如,这就是我从上一张图像放大到第三个面板时的样子。缩放行为是通过放置在每个图表上方的不可见矩形调用的。
我的问题是我想根据绘图中用户光标的位置启用工具提示功能。由于缩放矩形位于图表的顶部,因此,实际图表本身中的任何SVG元素都不会注册任何鼠标事件。
有人知道解决这个问题的方法吗?
javascript zoom tooltip mouseevent d3.js
d3.js ×1
javascript ×1
mouseevent ×1
tooltip ×1
zoom ×1