onMouseLeave - 仪表图表组件大小增加

Posted

技术标签:

【中文标题】onMouseLeave - 仪表图表组件大小增加【英文标题】:onMouseLeave - gauge chart component size increases 【发布时间】:2021-10-29 01:44:33 【问题描述】:

我在我的 react 项目中遇到了 react-gauge-chart 库的问题。

我已经使用 material-ui 实​​现了一个弹出框组件,并从弹出框模式内的库中引入了仪表图组件。在文本悬停仪表图表上正确显示,但在 onmouseleave 事件期间,弹出组件轻弹(仪表图表的大小增加)片刻,然后关闭弹出模式。此闪烁当前正在影响我们的项目 UI。

当我在没有仪表图的情况下进行测试时,onmouseleave 事件没有问题。任何人都可以帮我这里哪里出错或我可以使用的解决方案吗? 由于我是 CSS 新手,所以我无法理解这个问题的来源。

在此处重现问题 https://codesandbox.io/s/react-over-issue-5ibv6

谢谢

【问题讨论】:

【参考方案1】:

onmouseleave 事件不是导致此问题的原因。如果您更改toggling popups to click,您会继续出现这种行为

这是一个渲染问题。当弹出窗口关闭时,内容大小会减小,这会导致此行为

【讨论】:

感谢您的回复。但是我该如何解决这个渲染问题。有没有办法永久解决这个问题?

以上是关于onMouseLeave - 仪表图表组件大小增加的主要内容,如果未能解决你的问题,请参考以下文章

Superset免登录访问分享的仪表(设置SUPERSET可以匿名访问图表)

Superset免登录访问分享的仪表(设置SUPERSET可以匿名访问图表)

Superset免登录访问分享的仪表(设置SUPERSET可以匿名访问图表)

如何在R中更改Plotly Toolbar的大小

Excel图表组件推荐

Yellowbrick:在 Yellowbrick 生成的图表上增加字体大小