B/S端界面控件DevExtreme React——如何轻松实现图表更新转换？

本文将介绍如何使用DevExtreme React控件轻松实现图表的更新转换，欢迎下载相关组件体验！

DevExtreme React Chart控件的动画插件支持更新过渡动画，将插件添加到图表配置后，动画会自动显示在数据更新中。

自定义动画

您可以使用duration和easing这两个属性来自定义动画，easing是一个函数，由package d3-ease提供，这是带有自定义动画设置的示例图表配置：

import { easeBounceOut } from 'd3-ease';...<Chart data={chartData}><BarSeries...><Animation duration={2000} easing={easeBounceOut} /></BarSeries></Chart>

支持所有系列类型

所有图表系列类型都支持动画，下图是一个配置了动画插件的饼图。

DevExpress技术交流群6：600715373      欢迎一起进群讨论

更多DevExpress线上公开课、中文教程资讯请上中文网获取

来源：慧都网