首页 > 其他分享 >界面控件DevExpress Blazor UI v24.1新版亮点:图表组件功能全面升级

界面控件DevExpress Blazor UI v24.1新版亮点:图表组件功能全面升级

时间:2024-12-03 10:32:30浏览次数:9  
标签:控件 ComboBox 图表 v24.1 TagBox DevExpress 组件 Blazor

DevExpress Blazor UI组件使用了C#为Blazor Server和Blazor WebAssembly创建高影响力的用户体验,这个UI自建库提供了一套全面的原生Blazor UI组件(包括Pivot Grid、调度程序、图表、数据编辑器和报表等)。

DevExpress Blazor控件目前已经升级到v24.1版本了,此版本发布了全新升级了图表功能、发布全新的组合框等,欢迎下载最新组件体验!

DevExpress v24.1正式版下载

DevExpress技术交流群11:749942875      欢迎一起进群讨论

Charts(图表)
注释

DevExpress Blazor DxChartAnnotation对象允许您创建图表注释——包含图表内容信息的注释。您可以用图像或文本内容填充注释,还可以将注释锚定到图表元素(序列点或轴)或基于像素坐标的位置注释。DevExpress Blazor Chart组件还允许用户根据需要自定义注释——可以配置注释的边框和阴影,图像和文本设置。

DevExpress Blazor UI v24.1产品图集
Strips(条带)

DevExpress新的Blazor DxChartAxisStrip对象允许您创建和配置轴条,您可以使用条来突出显示两个轴值之间的范围或值上方/下方的区域,这些突出显示的区域可帮助用户确定某个点是否在预定义范围内,还可以添加DxChartAxisStripLabel 对象来显示和配置条带标签。

DevExpress Blazor UI v24.1产品图集
误差线

新的DxChartSeriesValueErrorBar对象允许您配置误差条(指示测量精度或不确定度),它们在序列点旁边显示可能的值范围。误差条可以显示固定值或百分比、统计函数值或从数据源字段获得的误差值。

DevExpress Blazor UI v24.1产品图集
工具提示的增强

v24.1为DevExpress Blazor Chart组件引入了扩展的工具提示功能,现在用户可以更改代码中单个系列点的工具提示可见性。要显示特定系列点的工具提示,调用组件特定的ShowTooltip方法重载 (DxChart.ShowTooltipDxPieChart.ShowTooltipDxPolarChart.ShowTooltip);要隐藏工具提示,请调用HideTooltip方法。

在v24.1中,您还可以处理TooltipShowing事件,以便在工具提示出现之前获取有关它的信息(或根据需要取消工具提示)。

标签自定义增强

新版本扩展了可用标签自定义设置的列表,现在可以使用文本属性为每个点标签设置单独的文本。此外,您还可以修改点标签的以下属性:

实时更新功能增强

DevExpress v24.1版本扩展了Blazor Chart的实时更新功能,并引入了LengthVisualRangeUpdateMode属性,这些增强功能允许图表在图表数据更改时保持其视觉状态(缩放和滚动位置)。

API的改进

PieChart设置:

  • SegmentDirection - 指定图表排列序列切片的方向。
  • StartAngle -指定图表定位第一个系列切片的角度。

轴设置:

  • WorkdaysOnly - 指定图表是否仅在轴上显示工作日。
  • WorkWeek - 指定工作日DxChart当作工作日。
  • WorkDates - 指定DxChart视为工作日的日期。
  • Holidays - 指定DxChart标记为假期的日期。

轴范围设置:

全新的组合框和标记框

新版本重新构建了DevExpress Blazor ComboBox和TagBox组件,维护了它们现有的API,同时改进了视觉和数据层,以提高稳定性、视觉效果和性能。这些更改构成了即将推出的功能和增强的基础,其中许多已经在v24.1中可用。

性能增强

DevExpress ComboBox和TagBox组件的整体性能得到了显著提高,像打开下拉菜单、搜索或在项目中导航这样的任务现在反应更快了。此外ComboBox/TagBox的启动时间减少了三倍,这提高了包含这些编辑器和内部使用ComboBox/TagBox任何组件表单的整体性能,例如我们的Blazor网格、富文本编辑器、调度程序和工具栏。

跨多列搜索

根据客户反馈,DevExpress ComboBox和TagBox现在可以搜索任何已定义列中的文本,甚至是编辑框中没有显示值的列。

DevExpress Blazor UI v24.1产品图集

使用新的SearchEnabled 属性在必要时从搜索中排除特定列。

全新的搜索API

除了“Contains”和“StartsWith”之外,ComboBox和TagBox还包含一个“Equals”条件,用于在名称相似的项目集合中进行搜索。新的SearchTextParseMode属性还定义了编辑器如何解释由空格分隔的搜索字符串:

  • GroupWordsByAnd – 搜索词被视为由AND逻辑运算符分组的单独条件;只显示与所有单词匹配的项。
  • GroupWordsByOr – 搜索词被视为由OR逻辑运算符分组的单独条件;将显示与这些单词中的至少一个匹配的项。
  • ExactMatch – 搜索词不会被单独处理;只显示与搜索文本(精确匹配)匹配的项。
新模板

新版本为ComboBox和TagBox引入了新的模板,以简化流行的自定义使用场景:

增强键盘导航功能

DevExpress ComboBox和TagBox现在都在下拉菜单中使用客户端键盘导航引擎,这使得键盘导航在Blazor服务器应用程序中响应更快,因为每个按键都不需要发送到服务器。此外,键盘导航在与虚拟滚动结合使用时更加稳定。

更多产品更新咨询,请戳这里直接咨询>>

标签:控件,ComboBox,图表,v24.1,TagBox,DevExpress,组件,Blazor
From: https://www.cnblogs.com/AABBbaby/p/18583576

相关文章

  • DevExpress-独立使用的控件介绍-02
    XtraEditors库提供了只能独立使用的控件,即这些控件只能依附于其他控件配合使用,不能单独使用。这些控件包括:几种类型的列表控件、数据导航控件、滚动条和一个按钮控件,这些控件都是继承于BaseStyleControl,因此支持所有Dev控件共有的样式、外观与感觉、以及工具提示机制,为应用......
  • WPF+MVVM案例实战与特效(三十一)- 封装一个加载动画的自定义控件
    文章目录1、案例效果2、案例实现1、资源与文件创建2、自定义控件封装3、自定义控件使用4、总结1、案例效果2、案例实现在开发WPF应用程序时,我们常常需要一个灵活的加载动画控件,该控件可以根据窗口的大小自动调整其内部元素(如图片、边框和文本)的尺寸,并......
  • Winform窗体控件双向绑定数据模拟读写PLC数据
    1.用Modbus工具模拟PLC2.创建一个实体类点击查看代码internalclassData:INotifyPropertyChanged{ushort[]ushorts=newushort[10];publicushortD0{get=>ushorts[0];set{ushorts[0]=value;OnPropertyChanged(nameof(D0));}}publicushor......
  • 界面控件DevExpress WPF v24.2新功能预览 - 人工智能(AI)集成
    DevExpressWPF拥有120+个控件和库,将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpressWPF能创建有着强大互动功能的XAML基础应用程序,这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。无论是Office办公软件的衍伸产品,还是以数据为中心......
  • 怎样去除iOS和Android中的输入URL地址的控件条呢?
    在iOS和Android中完全去除浏览器自带的地址栏是不可能的,除非你开发的是一个独立的应用程序,而不是在浏览器中运行的网页。如果你的目标是在Web应用中提供更沉浸式的体验,隐藏地址栏可以实现,但用户仍然可以通过下拉或其他操作重新显示地址栏。以下是一些方法可以尝试在你的......
  • Android 简单控件
    创建一个新模块chapter03:创建成功:在模块chapter03中创建一个布局:布局文件的内容:<?xmlversion="1.0"encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_pare......
  • B4X编程语言:B4X控件的尺寸大小属性(宽度/高度属性)
            B4X控件的尺寸大小属性(宽度/高度属性)是指Width /Height属性(B4J中还有PrefWidth /PrefHeight属性)。        1、Width        设置或获取控件的宽度。        用法示例:        设置控件Label1的宽度:Label1.Width=200......
  • React编译之后如何修改input控件的值
    问题: 因为React是通过setState方法改变值来影响页面展示的,所以直接修改页面值,并不能让React意识到state已经变化了。 修改自chatgpt4o提供的方法,20241129测试有效。 //第一个参数为原生组件,第二个参数为新值functionsetReactInputValue(input,value){constl......
  • DevExpress WinForms中文教程:Data Grid - 如何完成列调整?
    DevExpressWinForms拥有180+组件和UI库,能为WindowsForms平台创建具有影响力的业务解决方案。DevExpressWinForms能完美构建流畅、美观且易于使用的应用程序,无论是Office风格的界面,还是分析处理大批量的业务数据,它都能轻松胜任!本文主要介绍如何使用DevExpressWinForms的DataG......
  • 【Qt】QDateTimeEdit控件实现清空(不保留默认时间/最小时间)
    一、QDateTimeEdit控件 QDateTimeEdit提供了一个用于编辑日期和时间的控件。用户可以通过键盘或使用上下箭头键来增加或减少日期和时间值。日期和时间的显示格式根据设置的格式显示,可以通过setDisplayFormat()方法来设置。二、如何清空我在使用的时候,发现这个控件不管......