界面组件DevExpress ASP.NET Core v23.1新版亮点 - 增强的数据可视化

发布时间 2023-07-07 09:57:12作者: AABBbaby

DevExpress ASP.NET Core Controls使用强大的混合方法,结合现代企业Web开发工具所期望的所有功能。该套件通过ASP.NET Razor标记和服务器端ASP.NET Core Web API的生产力和简便性,提供客户端JavaScript的性能和灵活性。ThemeBuilder工具和集成的Material Design、通用主题集可以让您提供现代化的用户界面,并有效地定义企业的品牌形象。

DevExpress ASP.NET Core日前正式升级了今年第一个重要版本v23.1,新版本进一步增强了数据可视化、自定义功能等,欢迎下载最新版体验~

DevExpress技术交流群8:523159565      欢迎一起进群讨论

全新的DateRangeBox组件

DateRangeBox组件用于Angular、React、Vue和jQuery,它允许您选择一个日期范围。功能包括:

  • 掩码输入
  • 自定义弹出窗口和日历
  • 输入标签和样式模式
  • 值模式
  • 输入验证
DevExpress ASP.NET Core v23.1新版图集
Data Grid和Tree List
自定义列选择器

新的ColumnChooserSelectionConfigBuilder对象允许您在列选择器窗口中配置选择选项,可用的选项包括:

  • 递归选择
  • 选择所有
  • 通过单击列的标签选择列
DevExpress ASP.NET Core v23.1新版图集

您可以指定一个ColumnChooserSearchConfigBuilder配置对象来自定义列选择器中的搜索。

新位置方法允许您指定列选择器的显示位置。

数据过滤 - UI自定义
在数据网格、透视网格、树列表、甘特图中自定义标题过滤器

在新版本中可以自定义列标题过滤器中的搜索选项和搜索框的外观,您可以将搜索框设置为TextBox组件,指定比较规则和超时/延迟(以毫秒为单位)。

DevExpress ASP.NET Core v23.1新版图集

使用Search方法全局配置搜索设置,或者使用ColumnHeaderFilterSearchConfigBuilder配置对象对单个列进行更改,使用Search 方法配置Pivot网格中的搜索设置。

数据可视化
图表 - 颜色渐变和图案

您现在可以自定义样式和应用渐变、模式和图像到DevExpress图表组件。

DevExpress ASP.NET Core v23.1新版图集
DevExpress ASP.NET Core v23.1新版图集
DevExpress ASP.NET Core v23.1新版图集

使用registerGradient()方法来声明线性和径向梯度样式,使用registerPattern() 方法来声明图案和图像样式,这些方法为声明的样式返回一个唯一的id。在系列/点颜色对象中,指定标签和连接器的基本颜色,并将生成的id应用于fillId字段。

图表 - 自定义系列标签位置

shift(x,y)方法允许您在其默认位置的指定偏移量处显示系列标签。

DevExpress ASP.NET Core v23.1新版图集
仪表 - 显示自定义SVG内容

使用新的CenterTemplate方法在Gauge组件中显示自定义SVG内容。

DevExpress ASP.NET Core v23.1新版图集
BarGauge -支持“Shift”模式来解决重叠的标签

如果BarGauge显示多个相邻的值,则对应的标签可能重叠。使用ResolveLabelOverlapping方法来指定BarGauge组件如何修改标签的位置或可见性,可用的选项包括:

  • Shift
  • Hide
  • None

在Shift模式下,BarGauge在必要时自动移动标签。

DevExpress ASP.NET Core v23.1新版图集

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