[Bug] Line chart animation inconsistency on options change

[Ash-Codez]

Version

6.0.0

Steps to Reproduce

1. Create any form of line chart
2. Update the options with a different set of data for the series dynamically, for eg: on click of a button

Current Behavior

On initial load, line chart's lines animate from left to right and bar chart's bar animate from bottom to top. When the options change, the bar chart's animation, the same as initial load happens from bottom to top but that doesn't seem to be the case for line charts, the lines update immediately without any animation like it happens on initial load

Expected Behavior

when the options change for line charts, the lines should animate from left to right, the same way it happens on initial load

Environment

- OS:macOS latest
- Browser: Chrome latest
- Framework: Angular latest

Any additional comments?

Please refer to the below screen recording showcasing the initial load of a line chart and a bar chart and a difference between options change for a line chart and a bar chart: https://jam.dev/c/0753696c-aa54-4e90-a890-3acba41d4ff6

[diysimon]

For line charts, I'm not entirely sure whether a full left-to-right animation on data update is the more appropriate behavior, or whether the current approach (transitioning in place) is actually the better UX. This is worth discussing — a left-to-right sweep on every data update could feel jarring in scenarios where only a subset of data points change.

That said, if you'd like to force the left-to-right entrance animation on update in the meantime, here's a workaround that works — dispose and reinitialize the chart:

myChart.dispose();
myChart = echarts.init(document.getElementById('chart'));
myChart.setOption(newOption);