小编tdd*_*lin的帖子

D3:如何在单个图表中处理缩放和工具提示?

我有一个可视化对象,它实际上是一系列堆积的条形图,每个条形图都包含多个面板。例如,是三个这样的条形图,每个都有四个面板。

我设法实现了在图表之间协调的平移/缩放功能。例如,这就是我从上一张图像放大到第三个面板时的样子。缩放行为是通过放置在每个图表上方的不可见矩形调用的。

我的问题是我想根据绘图中用户光标的位置启用工具提示功能。由于缩放矩形位于图表的顶部,因此,实际图表本身中的任何SVG元素都不会注册任何鼠标事件。

有人知道解决这个问题的方法吗?

javascript zoom tooltip mouseevent d3.js

6
推荐指数
2
解决办法
1772
查看次数

标签 统计

d3.js ×1

javascript ×1

mouseevent ×1

tooltip ×1

zoom ×1