JavaScript/jQuery Chart - animation
The UI component animates its elements at the beginning of its lifetime and when the data source changes.
NOTE
If multiple charts on the page do not fit in the window, the animation may not work smoothly. Disable the animation or adjust the markup to fit the charts.
index.js
- $(function() {
- $("#chartContainer").dxChart({
- // ...
- animation: {
- easing: "linear",
- duration: 500,
- maxPointCountSupported: 100
- }
- });
- });
maxPointCountSupported
Specifies how many series points the UI component should have before the animation will be disabled.
Type:
Default Value: 300
Feedback