Comments (2)
I think it's because the hovered element is drawn last. it should stay in the initial draw order (biggest first), and not reorder based on hover status. I think then the mouse detection would just work as it should, no pixel detection nessesary.
to see this in action, it becomes super obvious when you add something like: textStyle: { backgroundColor: this.randomColor() }
to each of your data items.
from echarts-wordcloud.
I think this is probably because it detected the mouse is hovering the bigger text so it doesn't check others. This is probably not easy to do because currect collision detectiong is based on the AABB bounding box of the text. If we wish to detect the extract bounding box, we need to read the pixels of the canvas and it should have noticable performance problem.
from echarts-wordcloud.
Related Issues (20)
- 有什么方法可以保证某几个词一定显示吗? HOT 1
- V2.0.0 和 echarts 5.0.1无法展示图云 HOT 2
- ReferenceError: window is not defined on next.js HOT 2
- Graph error Canvas2D HOT 1
- TypeScript error HOT 2
- 渲染大量数据时页面卡顿 HOT 3
- How can I use echarts wordcloud under nuxt3? Error is reported according to the document HOT 1
- How can I add event handler when clicking specific word in the cloud?
- 渲染大量数据时报错堆栈溢出
- 能不能加上动画的效果或者有没有相关的配置?
- echarts5.4.2 版本 和 echarts-wordcloud2.1.0 版本 兼容报错了!!! HOT 4
- layout.js文件中window.postMessage是否有存在必要
- 基于此项目修改的微信小程序版,请官方大大过目
- 可以修改绘制起点origin吗?
- 使用maskImage渲染出来的字体特别不清楚,是什么原因
- maskImage无法显示 HOT 2
- sizeRange在数据量较多的时候下限无效,字体会缩放到很小,肉眼识别困难
- Shape not working HOT 1
- I met a error: [ECharts] Unknown series wordCloud
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from echarts-wordcloud.