Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
dynamic-data line (area) chart doesn't update series with smoothly animation
See original GitHub issueVersion
4.9.0
Reproduction link
https://jsfiddle.net/apbxugh5/
Steps to reproduce
I copy https://echarts.apache.org/examples/zh/editor.html?c=dynamic-data2 sample, make it to be areaStyle, add a scatter point to future time, and set animate: true on the options.
What is expected?
I expect it will update area series data smoothly. like: https://app.expertoption.com/
What is actually happening?
however, its updateAnimate is not work. only push data on the chart without animation.
Issue Analytics
- State:
- Created 3 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
dynamic-data line (area) chart doesn't update series ... - GitHub
With see carefully, when the 1st series (line chart) before 2nd series ( scatter point ), line chart cannot update data with smoothly...
Read more >Dynamically update values of a chartjs chart - Stack Overflow
Here's an example of updating a line chart using new data: http://jsbin.com/yitep/5/edit ... x(a,c,b,e){function h(){g+=f;var k=a.animation?
Read more >Update dynamic chart js | Chart.js Course - YouTube
In this video you will learn how to use the Chart JS dynamically by using the updating function in Chart JS. Using Chart...
Read more >Highlight the Specific data point in a Line Chart Dynamically
Info-graphics: Animated Hour Glass Chart in Excel · C# Charts Part 3: Scrolling and Data Binding · Free DSA Course by Google -...
Read more >Updating Charts - Chart.js
Sometimes when a chart updates, you may not want an animation. To achieve this you can call update with 'none' as mode. myChart.update( ......
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Same problem at 5.0.1
Hi, @plainheart I added it, but the same. https://jsfiddle.net/x4wj8nov/
With see carefully, when the 1st series (line chart) before 2nd series ( scatter point ), line chart cannot update data with smoothly animation. but it is work for data after 2nd series.
see: https://imgur.com/s7iwpVG