Vue Chart - animation
The UI component animates its elements at the beginning of its lifetime and when the data source changes.
App.vue
- <template>
- <DxChart ... >
- <DxAnimation
- easing="linear"
- :duration="500"
- :max-point-count-supported="100"
- />
- </DxChart>
- </template>
- <script>
- import 'devextreme/dist/css/dx.light.css';
- import DxChart, {
- DxAnimation
- } from 'devextreme-vue/chart';
- export default {
- components: {
- DxChart,
- DxAnimation
- },
- // ...
- }
- </script>
maxPointCountSupported
Specifies how many series points the UI component should have before the animation will be disabled.
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.