DevExpress Blazor UI组件使用了C#为Blazor Server和Blazor WebAssembly创建高影响力的用户体验这个UI自建库提供了一套全面的原生Blazor UI组件包括Pivot Grid、调度程序、图表、数据编辑器和报表等。DevExpress Blazor控件目前已经升级到v23.2版本了此版本进一步增强了图表组件、API、编辑器等功能DevExpress新旧版本帮助文档获取可点击这篇文章查看——《界面控件DevExpress v26.1帮助文档大全CHM版本》图表WASM性能增强此版本改进了WebAssembly应用程序与Blazor Chart相关的性能虽然对任何WebAssembly应用程序都有好处但WASM性能相关的增强在处理大型数据集时影响最大。在这种情况下DevExpress Blazor Charts的加载速度将提高5倍。实时更新增强DevExpress Blazor Chart现在可以更有效地处理参数和数据源更新它只向引擎发送必要的更改替代执行完整的刷新。这大大加快了更新速度并且图表在更新后保持其视觉状态包括缩放和滚动位置。调色板DevExpress Blazor Chart允许您创建自己的自定义调色板此外您可以使用PaletteExtensionMode属性指定当系列的数量大于调色板中的颜色数量时图表如何扩展颜色。缩放选定区域新的AllowDragToZoom属性允许用户通过使用拖动手势选择一个区域来缩放图表在这种情况下要平移图表用户必须按PanKey属性指定的键。您还可以使用新的DxChartZoomAndPanDragBoxStyle组件来配置当用户选择图表区域时出现的框的颜色和不透明度。金融系列 - 减少颜色DevExpress Blazor Charts现在可以自动将财务序列中的每个点值与前一个点的值进行比较并突出显示值减少的点(使用特定的颜色)此功能可帮助用户监控与市场相关的变化。另外您现在可以使用InnerColor属性自定义一个系列点的主体的填充颜色(在烛台系列中表示一个未减少的值)。自定义字体您可以为DevExpress Blazor Chart元素自定义字体设置包括轴标题、轴标签、系列标签和常量线标签。新的DxChartFont组件提供了诸如颜色、字体类型、不透明度、大小和重量等设置。API增强DevExpress Blazor Chart API已经扩展现在提供了60多个新成员旨在自定义图表的外观和操作。新事件Rendered – 在图表呈现后触发并允许您显示/隐藏自定义加载指示器或执行其他操作。常用图表设置AdjustOnZoom - 指定当用户缩放或平移参数轴时是否调整值轴的可视范围。DefaultPane - 指定显示具有未指定面板属性的所有系列的面板。MaxBubbleSize - 指定决定最大气泡直径的系数。MinBubbleSize - 指定最小气泡的直径。NegativeAsZeroes - 指定图表是否将负值视为零。RedrawOnResize - 指定容器大小更改时是否重新绘制图表。ResizePanesOnZoom - 指定在缩放或平移后是否调整图表面板的大小。StickyHovering - 指定当鼠标指针移动时点是否应保持悬停状态。系列设置DxChartSeriesLabelBorder – 一个新组件允许您显示系列标签的边框并提供可定制的设置如颜色、划线样式和宽度。Alignment - 指定系列标签水平对齐(相对于相应的数据点)。HorizontalOffset - 指定系列标签的水平偏移量。RotationAngle - 指定系列标签的旋转角度。ShowForZeroValues - 指定是否显示零值点的标签。VerticalOffset - 指定系列标签垂直偏移量。BarOverlapGroupName - 指定组合条形系列来重叠显示它们的组名称。CornerRadius - 指定条或范围系列的角半径。MaxLabelCount - 指定一个系列显示的点标签的最大数目。轴设置Overlap – 允许您指定图表如何显示重叠轴标签。TextOverflow - 指定图表如何显示溢出轴标签。WordWrap - 指定图表如何封装溢出轴标签。PlaceholderSize - 为轴及其标签保留一个区域。Alignment - 指定系列标签水平对齐方式。DisplayMode – 指定图表如何显示轴标签。IndentFromAxis – 指定轴与其标签之间的缩进。Position - 指定轴标签位置。面板设置DxChartPaneBorder – 一个新的组件允许您显示面板边框并提供可定制的设置如颜色、破折号样式、不透明度和宽度。BackgroundColor - 指定面板的背景颜色。常数行设置PaddingLeftRight – 指定常量行与它的标签之间的左/右填充。PaddingTopBottom – 指定常量行与它的标签之间的内边距。Visible – 指定常量行标签是否可见。编辑器新的列表框DevExpress Blazor List Box已经从头开始重写尽管公共API保持不变但可视化层和数据层都是全新的。此更新改进了性能和稳定性同时为将来的增强奠定了坚实的基础。新的ListBox已经在我们的Grid的Filter Menus, Scheduler和RichEdit对话框中使用了。在未来的更新中它还将取代ComboBox和TagBox中的当前列表实现。日历 - 键盘支持DevExpress Blazor Calendar允许用户访问其所有UI元素选择日期并使用键盘在它们之间导航。API功能增强EmptyDataAreaTemplate – 允许您在列表框中没有项目时显示自定义内容。ColumnCellDisplayTemplate – 允许您自定义具有列的List Box单元格中显示的文本。AlwaysShowDecimalSeparator – 当值的小数部分为零时允许您在数字掩码中隐藏小数分隔符。MaxFileCount – 指定用户可以通过上传控件选择上传的最大文件数(默认为1000)。导航工具栏、菜单和上下文菜单 - 焦点和键盘支持DevExpress Blazor Toolbar、 Menu 和 Context Menu组件现在完全可以通过键盘访问它们支持在项、菜单和子菜单中进行键盘导航并突出显示当前(关注的)项。Toolbar — 新的自适应引擎DevExpress Blazor Toolbar有一个新的自适应引擎它可以更快地工作并确保项目始终隐藏或最小化并且组件可以平滑地响应外部大小变化。报表Web报表设计器 - WebAssembly支持现在您可以在Blazor WebAssembly应用程序中使用DevExpress Web报表设计器并在客户端生成文档利用打印预览功能可以立即在设计器中查看对报表所做的更改。富文本编辑器非windows操作系统支持新版本将Blazor富文本编辑器引擎从System.Drawing.Common过渡到DevExpress Drawing图形库。此升级允许Blazor Server, WebAssembly和Hybrid应用程序在不支持System.Drawing.Common库的非windows平台(Linux, Mac, Android, iOS和其他基于unix的系统)上运行。
界面组件DevExpress Blazor UI v23.2新版亮点:图表组件全新升级
发布时间:2026/7/18 10:02:23
DevExpress Blazor UI组件使用了C#为Blazor Server和Blazor WebAssembly创建高影响力的用户体验这个UI自建库提供了一套全面的原生Blazor UI组件包括Pivot Grid、调度程序、图表、数据编辑器和报表等。DevExpress Blazor控件目前已经升级到v23.2版本了此版本进一步增强了图表组件、API、编辑器等功能DevExpress新旧版本帮助文档获取可点击这篇文章查看——《界面控件DevExpress v26.1帮助文档大全CHM版本》图表WASM性能增强此版本改进了WebAssembly应用程序与Blazor Chart相关的性能虽然对任何WebAssembly应用程序都有好处但WASM性能相关的增强在处理大型数据集时影响最大。在这种情况下DevExpress Blazor Charts的加载速度将提高5倍。实时更新增强DevExpress Blazor Chart现在可以更有效地处理参数和数据源更新它只向引擎发送必要的更改替代执行完整的刷新。这大大加快了更新速度并且图表在更新后保持其视觉状态包括缩放和滚动位置。调色板DevExpress Blazor Chart允许您创建自己的自定义调色板此外您可以使用PaletteExtensionMode属性指定当系列的数量大于调色板中的颜色数量时图表如何扩展颜色。缩放选定区域新的AllowDragToZoom属性允许用户通过使用拖动手势选择一个区域来缩放图表在这种情况下要平移图表用户必须按PanKey属性指定的键。您还可以使用新的DxChartZoomAndPanDragBoxStyle组件来配置当用户选择图表区域时出现的框的颜色和不透明度。金融系列 - 减少颜色DevExpress Blazor Charts现在可以自动将财务序列中的每个点值与前一个点的值进行比较并突出显示值减少的点(使用特定的颜色)此功能可帮助用户监控与市场相关的变化。另外您现在可以使用InnerColor属性自定义一个系列点的主体的填充颜色(在烛台系列中表示一个未减少的值)。自定义字体您可以为DevExpress Blazor Chart元素自定义字体设置包括轴标题、轴标签、系列标签和常量线标签。新的DxChartFont组件提供了诸如颜色、字体类型、不透明度、大小和重量等设置。API增强DevExpress Blazor Chart API已经扩展现在提供了60多个新成员旨在自定义图表的外观和操作。新事件Rendered – 在图表呈现后触发并允许您显示/隐藏自定义加载指示器或执行其他操作。常用图表设置AdjustOnZoom - 指定当用户缩放或平移参数轴时是否调整值轴的可视范围。DefaultPane - 指定显示具有未指定面板属性的所有系列的面板。MaxBubbleSize - 指定决定最大气泡直径的系数。MinBubbleSize - 指定最小气泡的直径。NegativeAsZeroes - 指定图表是否将负值视为零。RedrawOnResize - 指定容器大小更改时是否重新绘制图表。ResizePanesOnZoom - 指定在缩放或平移后是否调整图表面板的大小。StickyHovering - 指定当鼠标指针移动时点是否应保持悬停状态。系列设置DxChartSeriesLabelBorder – 一个新组件允许您显示系列标签的边框并提供可定制的设置如颜色、划线样式和宽度。Alignment - 指定系列标签水平对齐(相对于相应的数据点)。HorizontalOffset - 指定系列标签的水平偏移量。RotationAngle - 指定系列标签的旋转角度。ShowForZeroValues - 指定是否显示零值点的标签。VerticalOffset - 指定系列标签垂直偏移量。BarOverlapGroupName - 指定组合条形系列来重叠显示它们的组名称。CornerRadius - 指定条或范围系列的角半径。MaxLabelCount - 指定一个系列显示的点标签的最大数目。轴设置Overlap – 允许您指定图表如何显示重叠轴标签。TextOverflow - 指定图表如何显示溢出轴标签。WordWrap - 指定图表如何封装溢出轴标签。PlaceholderSize - 为轴及其标签保留一个区域。Alignment - 指定系列标签水平对齐方式。DisplayMode – 指定图表如何显示轴标签。IndentFromAxis – 指定轴与其标签之间的缩进。Position - 指定轴标签位置。面板设置DxChartPaneBorder – 一个新的组件允许您显示面板边框并提供可定制的设置如颜色、破折号样式、不透明度和宽度。BackgroundColor - 指定面板的背景颜色。常数行设置PaddingLeftRight – 指定常量行与它的标签之间的左/右填充。PaddingTopBottom – 指定常量行与它的标签之间的内边距。Visible – 指定常量行标签是否可见。编辑器新的列表框DevExpress Blazor List Box已经从头开始重写尽管公共API保持不变但可视化层和数据层都是全新的。此更新改进了性能和稳定性同时为将来的增强奠定了坚实的基础。新的ListBox已经在我们的Grid的Filter Menus, Scheduler和RichEdit对话框中使用了。在未来的更新中它还将取代ComboBox和TagBox中的当前列表实现。日历 - 键盘支持DevExpress Blazor Calendar允许用户访问其所有UI元素选择日期并使用键盘在它们之间导航。API功能增强EmptyDataAreaTemplate – 允许您在列表框中没有项目时显示自定义内容。ColumnCellDisplayTemplate – 允许您自定义具有列的List Box单元格中显示的文本。AlwaysShowDecimalSeparator – 当值的小数部分为零时允许您在数字掩码中隐藏小数分隔符。MaxFileCount – 指定用户可以通过上传控件选择上传的最大文件数(默认为1000)。导航工具栏、菜单和上下文菜单 - 焦点和键盘支持DevExpress Blazor Toolbar、 Menu 和 Context Menu组件现在完全可以通过键盘访问它们支持在项、菜单和子菜单中进行键盘导航并突出显示当前(关注的)项。Toolbar — 新的自适应引擎DevExpress Blazor Toolbar有一个新的自适应引擎它可以更快地工作并确保项目始终隐藏或最小化并且组件可以平滑地响应外部大小变化。报表Web报表设计器 - WebAssembly支持现在您可以在Blazor WebAssembly应用程序中使用DevExpress Web报表设计器并在客户端生成文档利用打印预览功能可以立即在设计器中查看对报表所做的更改。富文本编辑器非windows操作系统支持新版本将Blazor富文本编辑器引擎从System.Drawing.Common过渡到DevExpress Drawing图形库。此升级允许Blazor Server, WebAssembly和Hybrid应用程序在不支持System.Drawing.Common库的非windows平台(Linux, Mac, Android, iOS和其他基于unix的系统)上运行。