apache / echarts

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

[Bug] echarts lines effect 5.3版本显示正常,5.4开始循环时运动结束会闪烁一下 #20216

Open Rookior opened 2 months ago

Rookior commented 2 months ago

Version

5.4

Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?c=calendar-graph&version=5.5.1&theme=dark

Steps to Reproduce

option = {
  xAxis: {
    type: 'value',
    min: 0,
    max: 100,
    axisLine: { show: false },
    axisTick: { show: false },
    splitLine: { show: false }
  },
  yAxis: {
    type: 'value',
    min: 0,
    max: 100,
    inverse: true,
    axisLine: { show: false },
    axisTick: { show: false },
    splitLine: { show: false }
  },
  series: [
    {
      type: 'lines',
      name: '陕西-北京',
      zlevel: 2,
      symbol: ['none', 'none'],
      symbolSize: 10,
      effect: {
        show: true,
        period: 6,
        trailLength: 0,
        symbol: 'arrow',
        color: '#FFC12F',
        symbolSize: 10
      },
      lineStyle: {
        normal: { color: '#fff', width: 2, opacity: 0.6, curveness: 0.2 }
      },
      coordinateSystem: 'cartesian2d',
      data: [
        {
          coords: [
            [54.1, 43.2],
            [58.8, 38]
          ]
        },
        {
          coords: [
            [54.1, 43.2],
            [58.8, 38]
          ]
        },
        {
          coords: [
            [54.1, 43.2],
            [58.8, 38]
          ]
        }
      ]
    }
  ]
};

Current Behavior

5.3之前显示正常,5.4开始异常

Expected Behavior

5.3之前显示正常,5.4开始异常

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

如何修改配置项使页面显示正常

plainheart commented 2 months ago

可能是 #16943 导致的?

helgasoft commented 2 months ago

yes, flicker probably introduced by roundTrip from PR 16943. Arrow mirror image shows beyond end of the line for a split second. Demo Versions 5.3.3 and below are fine.