apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.19k stars 19.61k forks source link

[Bug] lines 路径图数据刷新,设置了effect后,每次刷新数据图形都会闪烁一下 #20279

Open loveLan18913 opened 4 weeks ago

loveLan18913 commented 4 weeks ago

Version

e.g. 5.5.1

Link to Minimal Reproduction

lines 路径图数据刷新,设置了effect后,每次刷新数据图形都会闪烁一下

Steps to Reproduce

const option = computed(() => { return { xAxis: { show: false, type: 'value', }, grid: { top: '5%', bottom: '10%', left: '2%', right: '2%', }, yAxis: { show: false, type: 'value', }, coordinateSystem: 'cartesian2d', series: [ { type: 'graph', animation: true, coordinateSystem: 'cartesian2d', legendHoverLink: false, emphasis: { scale: true, }, roam: false, lineStyle: { width: 0, shadowColor: 'none', color: 'transparent', }, data: props.config.y1List, }, { type: 'lines', coordinateSystem: 'cartesian2d', z: 1, // zleve: 1, animationEasing: 'linear', // clip: false, effect: { show: true, trailLength: 0.01, symbol: 'pin', color: '#1afffd', period: 4, //特效动画的时间 symbolSize: [7, 10], }, lineStyle: { curveness: 0, color: '#fff', opacity: 0.4, width: 0.5, type: 'dashed', }, data: props.config.y2List, }, ], } })

...

watchEffect(() => echartInstance.setOption(props.option, false, true))

Current Behavior

使用pinia将数据从缓存中取出交由页面,刷新echart的data数据后,lines的effect就会闪烁一下

Expected Behavior

刷新数据不会闪烁

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

1

echarts-bot[bot] commented 4 weeks ago

@loveLan18913 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] Lines path graph data is refreshed. After setting the effect, the data graph will flash every time it is refreshed.