半岛权威十大直营(官方)网站

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

翻译|使用教程|编辑：龚雪|2022-09-28 09:54:30.123|阅读 72 次

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

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接：

DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序，该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。

DevExtreme v22.1正式版下载

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

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

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

import { easeBounceOut } from 'd3-ease';
...

<Chart data={chartData}>
<BarSeries
...
>
<Animation duration={2000} easing={easeBounceOut} />
</BarSeries>
</Chart>

B/S端界面控件DevExtreme React——如何轻松实现图表更新转换？
支持所有系列类型

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

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

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

DevExpress技术套包全新上线，冰点折扣有优惠

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@wqylolg.cn

文章转载自：慧都网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP