界面组件DevExpress Blazor UI v23.2新版亮点:图表组件全新升级

本文主要是介绍界面组件DevExpress Blazor UI v23.2新版亮点:图表组件全新升级,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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

DevExpress Blazor控件目前已经升级到v23.2版本了,此版本进一步增强了图表组件、API、编辑器等功能,欢迎下载最新组件体验!

DevExpress Blazor v23.2正式版下载(Q技术交流:532598169)

图表
WASM性能增强

DevExpress Blazor v23.2新版产品图集

此版本改进了WebAssembly应用程序与Blazor Chart相关的性能,虽然对任何WebAssembly应用程序都有好处,但WASM性能相关的增强在处理大型数据集时影响最大。在这种情况下,DevExpress Blazor Charts的加载速度将提高5倍。

实时更新增强

DevExpress Blazor Chart现在可以更有效地处理参数和数据源更新,它只向引擎发送必要的更改,替代执行完整的刷新。这大大加快了更新速度,并且图表在更新后保持其视觉状态,包括缩放和滚动位置。

调色板

DevExpress Blazor Chart允许您创建自己的自定义调色板,此外您可以使用PaletteExtensionMode属性指定当系列的数量大于调色板中的颜色数量时,图表如何扩展颜色。

DevExpress Blazor v23.2新版产品图集

缩放选定区域

新的AllowDragToZoom属性允许用户通过使用拖动手势选择一个区域来缩放图表,在这种情况下,要平移图表,用户必须按PanKey属性指定的键。

您还可以使用新的DxChartZoomAndPanDragBoxStyle组件来配置当用户选择图表区域时出现的框的颜色和不透明度。

DevExpress Blazor v23.2新版产品图集

金融系列 - 减少颜色

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 v23.2新版产品图集

日历 - 键盘支持

DevExpress Blazor Calendar允许用户访问其所有UI元素,选择日期,并使用键盘在它们之间导航。

DevExpress Blazor v23.2新版产品图集

API功能增强
  • EmptyDataAreaTemplate – 允许您在列表框中没有项目时显示自定义内容。
  • ColumnCellDisplayTemplate – 允许您自定义具有列的List Box单元格中显示的文本。
  • AlwaysShowDecimalSeparator – 当值的小数部分为零时,允许您在数字掩码中隐藏小数分隔符。
  • MaxFileCount – 指定用户可以通过上传控件选择上传的最大文件数(默认为1000)。
导航
工具栏、菜单和上下文菜单 - 焦点和键盘支持

DevExpress Blazor Toolbar、 Menu 和 Context Menu组件现在完全可以通过键盘访问,它们支持在项、菜单和子菜单中进行键盘导航,并突出显示当前(关注的)项。

DevExpress Blazor v23.2新版产品图集

Toolbar — 新的自适应引擎

DevExpress Blazor Toolbar有一个新的自适应引擎,它可以更快地工作,并确保项目始终隐藏或最小化,并且组件可以平滑地响应外部大小变化。

DevExpress Blazor v23.2新版产品图集

报表
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新版亮点:图表组件全新升级的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/976825

相关文章

Vue中组件之间传值的六种方式(完整版)

《Vue中组件之间传值的六种方式(完整版)》组件是vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用,针对不同的使用场景,如何选择行之有效的通信方式... 目录前言方法一、props/$emit1.父组件向子组件传值2.子组件向父组件传值(通过事件形式)方

Spring组件初始化扩展点BeanPostProcessor的作用详解

《Spring组件初始化扩展点BeanPostProcessor的作用详解》本文通过实战案例和常见应用场景详细介绍了BeanPostProcessor的使用,并强调了其在Spring扩展中的重要性,感... 目录一、概述二、BeanPostProcessor的作用三、核心方法解析1、postProcessB

kotlin中的行为组件及高级用法

《kotlin中的行为组件及高级用法》Jetpack中的四大行为组件:WorkManager、DataBinding、Coroutines和Lifecycle,分别解决了后台任务调度、数据驱动UI、异... 目录WorkManager工作原理最佳实践Data Binding工作原理进阶技巧Coroutine

Python如何在Word中生成多种不同类型的图表

《Python如何在Word中生成多种不同类型的图表》Word文档中插入图表不仅能直观呈现数据,还能提升文档的可读性和专业性,本文将介绍如何使用Python在Word文档中创建和自定义各种图表,需要的... 目录在Word中创建柱形图在Word中创建条形图在Word中创建折线图在Word中创建饼图在Word

linux环境openssl、openssh升级流程

《linux环境openssl、openssh升级流程》该文章详细介绍了在Ubuntu22.04系统上升级OpenSSL和OpenSSH的方法,首先,升级OpenSSL的步骤包括下载最新版本、安装编译... 目录一.升级openssl1.官网下载最新版openssl2.安装编译环境3.下载后解压安装4.备份

Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

《Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)》文章介绍了如何使用dhtmlx-gantt组件来实现公司的甘特图需求,并提供了一个简单的Vue组件示例,文章还分享了一... 目录一、首先 npm 安装插件二、创建一个vue组件三、业务页面内 引用自定义组件:四、dhtmlx

Vue ElementUI中Upload组件批量上传的实现代码

《VueElementUI中Upload组件批量上传的实现代码》ElementUI中Upload组件批量上传通过获取upload组件的DOM、文件、上传地址和数据,封装uploadFiles方法,使... ElementUI中Upload组件如何批量上传首先就是upload组件 <el-upl

Java实战之利用POI生成Excel图表

《Java实战之利用POI生成Excel图表》ApachePOI是Java生态中处理Office文档的核心工具,这篇文章主要为大家详细介绍了如何在Excel中创建折线图,柱状图,饼图等常见图表,需要的... 目录一、环境配置与依赖管理二、数据源准备与工作表构建三、图表生成核心步骤1. 折线图(Line Ch

Vue3中的动态组件详解

《Vue3中的动态组件详解》本文介绍了Vue3中的动态组件,通过`component:is=动态组件名或组件对象/component`来实现根据条件动态渲染不同的组件,此外,还提到了使用`markRa... 目录vue3动态组件动态组件的基本使用第一种写法第二种写法性能优化解决方法总结Vue3动态组件动态

四种Flutter子页面向父组件传递数据的方法介绍

《四种Flutter子页面向父组件传递数据的方法介绍》在Flutter中,如果父组件需要调用子组件的方法,可以通过常用的四种方式实现,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录方法 1:使用 GlobalKey 和 State 调用子组件方法方法 2:通过回调函数(Callb