TreeMap图表中的React-vis Higlight悬停元素

时间:2019-04-01 08:47:14

标签: javascript reactjs charts react-vis

我想实现一种功能,其中在TreeMap图表中鼠标所在的元素会更改颜色以指示我们正在指向它。我翻阅了文档,发现没有任何用处。不幸的是,唯一无法正常工作的事情是实现了事件onLeafMouseOveronLeafMouseOut。我的实现如下所示:

onLeafMouseOver = (leaf, event) => {
  leaf.data.color = leaf.data.color === Color.red ? Color.higlightRed : Color.higlightGrey
}
onLeafMouseOut = (leaf, event) => {
  leaf.data.color = leaf.data.color === Color.higlightRed ? Color.red : Color.grey
}

此功能仅适用于几个元素,并且突然停止执行该事件。还有其他方法可以实现悬停元素效果的突出显示吗?

0 个答案:

没有答案