翻譯|使用教程|編輯:龔雪|2022-09-28 09:54:30.123|閱讀 145 次
概述:本文將介紹如何使用DevExtreme React控件輕松實現圖表的更新轉換,歡迎下載相關組件體驗!
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
DevExtreme擁有高性能的HTML5 / JavaScript小部件集合,使您可以利用現代Web開發堆棧(包括React,Angular,ASP.NET Core,jQuery,Knockout等)構建交互式的Web應用程序,該套件附帶功能齊全的數據網格、交互式圖表小部件、數據編輯器等。
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 歡迎一起進群討論
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都網