Comments (6)
@Decadent916 It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
TRANSLATED
TITLE
[Bug] After the coordinates of labelLayout are set, the instance is destroyed and then regenerated, and the mouse-triggered event of the image in the labal rich text will be invalidated
BODY
Version
5.4.3
Link to Minimal Reproduction
https://codesandbox.io/p/sandbox/echarts-test-hmgwv8?file=%2Fsrc%2FApp.js
Steps to Reproduce
- After initializing the instance, the picture in the label can trigger the mouseover event.
- Destroy the instance
- Reinitialize the instance
- At this time, the picture in the label cannot trigger mouse-related events.
Current Behavior
After the instance is reinitialized, the picture in the label cannot trigger mouse events.
Expected Behavior
The picture in the label can trigger mouse events normally
Environment
- OS: Windows 11
- Browser: Chrome 122.0.6261.70
- Framework: React@18
Any additional comments?
No response
from echarts.
The label image does not trigger mousemove events, even before dispose, because formatter: '{tooltipIcon| }'
does not display any value, just a background image. If you change to formatter:'LABEL'
then mousemove will fire.
Also multiple failed setTimeout events popping up continuously from your environment ??!
from echarts.
In theory, if I give the width and height of the image area, it will trigger a mouse event. Now, it can be triggered after the first initialization, but it will not be triggered after dispose and initialization.
I output console in the trigger event, and the multiple failed setTimeout events you mentioned may be printed mouse events
from echarts.
apologize - image indeed triggers mousemove. Increasing image's width and height makes it obvious.
However I do not see any change after dispose/init, mousemove is still firing. Demo
from echarts.
Sorry, the labelLayout attribute in the demo was written incorrectly. The issue I mentioned only occurs when this attribute is set
from echarts.
I commented out labelLayout (prefix X).
So now we know that labelLayout is causing the problem.
from echarts.
Related Issues (20)
- [Bug] yAxis.max /min generates additional gridlines that cannot be hidden HOT 1
- [Bug] dataZoom current data shadow line does not match with series line HOT 1
- [question] Bar Chart Grid Not Fully Utilized Due to containLabel Setting Resulting in Blank Space at Bottom HOT 6
- [Feature] series-bar. realtimeSort 遇到负数 也按照数字大小排序 HOT 1
- [Bug] 3D散点图,一条数据时,无法触发tooltip显示 HOT 2
- [Feature] How to obtain the pixel point at the center of the highest point of each grouping column HOT 3
- [Bug] Gradiation doesn't work in a heatmap with categorization HOT 3
- [Bug] 折线图visualMap里的维度dimension设为非当前系列的值,点的颜色正常,线的颜色没变 HOT 2
- [Bug] Basic charts with tooltips not compliant with strict styles CSP directive HOT 1
- [Bug] 散点图修改点的borderColor时会在border和点之间出现一个同心圆 HOT 1
- [Feature] 'E' meaning (In Echart name) HOT 1
- [Bug] Misdrawing in the Sankey chart
- [Bug] HOT 1
- [Bug] 折线图数据密集时使用visualMap颜色不正确 HOT 3
- [Bug] 折线图纵坐标值不对 HOT 2
- [Bug] echart 最新版本 使用谷歌最新浏览器 切换头部tab标签 导致图表无法渲染 HOT 8
- [Feature] Can the current chart be displayed like this? HOT 6
- [Feature] The tooltip arrow should show when the property "confine" is set to true or "position" is a function HOT 2
- [Bug] The "backgroundColor" covers the entire map when any scatter data is on it HOT 2
- [Bug] Some example charts are not able to load in Codepen and Codesandbox HOT 1
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.