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

eblbsuwk  于 3个月前  发布在  Echarts
关注(0)|答案(1)|浏览(75)

Version

e.g. 5.5.1

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

lf5gs5x2

lf5gs5x21#

@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.

相关问题