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
1条答案
按热度按时间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.