将鼠标悬停在图例上时 Apexcharts 会闪烁

问题描述 投票:0回答:3

当我创建一个圆环图并用许多条目填充它时,图例中的文本会变得更接近,因此鼠标悬停和鼠标移出效果比使用较少条目时发生得更快。我记录了这种行为 - 结果如下所示:

Gif分享:https://gifyu.com/image/aqjj

我尝试查看源代码,但我尝试进行的每一个更改都会破坏代码。有没有什么简单的方法可以防止这种情况发生(同时保持相同的悬停功能)?

javascript css charts apex
3个回答
0
投票

我之前也遇到过这个问题,是由于图表不断重新渲染造成的。请检查是否不是:

  • 在事件或循环中销毁和创建图表
  • 创建多个相互叠加的图表

0
投票

您将鼠标悬停在一堆项目上,却没有给它时间显示您正在悬停的项目?

您也可以使用

states: {
    hover: {
      filter: {
        type: 'none',
      },
    },
  },

0
投票

我也有这个问题,这里的答案似乎都没有帮助。有人对此有任何解决办法吗?我在 React 中有连续的流数据,并且每秒更新图表 2 次。基本上“悬停”功能在其中无法使用

© www.soinside.com 2019 - 2024. All rights reserved.