ApexCharts gradient line chart animation is smooth in v7.x (was broken in 3.49+)
Comments · 0
Be the first to comment.
Explanation— by SceneRecap AI
At the start of the recording, the browser loads the ApexCharts website showcasing the Gradient Line demo under the JavaScript Line Charts section ([0.0s]). The central canvas displays a Monthly Sales with Forecast chart, which renders a solid line that transitions through a multi-color gradient across dates from Dec 24 to Sep 25 before shifting into a dashed blue line representing forecast data up to Jan 26.
The chart remains visible in its rendered state while displaying the left sidebar navigation with various chart types, standard chart toolbar controls (zoom, pan, reset) above the graph, and an embedded analytics banner on the right side ([0.0s]–[33.0s]). Around [35.0s], the mouse cursor moves into view near the left margin of the chart canvas and remains in place until the recording concludes at [47.0s].
Key moments
What to know
- •The recording demonstrates the rendered visual output of the ApexCharts gradient line chart demo, featuring seamless gradient color shifts and a dashed forecast segment.
Glossary
- ApexCharts
- An open-source JavaScript charting library used to build interactive charts and data visualizations for web applications.
- Gradient Line Chart
- A line chart visualization where the stroke changes color dynamically along a defined color gradient across data points.
Your recordings could explain themselves too.
Free plan · silent recordings welcome · bug reports included.
Try SceneRecap free →