界面组件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

相关文章

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

如何在页面调用utility bar并传递参数至lwc组件

1.在app的utility item中添加lwc组件: 2.调用utility bar api的方式有两种: 方法一,通过lwc调用: import {LightningElement,api ,wire } from 'lwc';import { publish, MessageContext } from 'lightning/messageService';import Ca

macOS升级后SVN升级

问题 svn: error: The subversion command line tools are no longer provided by Xcode. 解决 sudo chown -R $(whoami) /usr/local/Cellar brew install svn

vue2 组件通信

props + emits props:用于接收父组件传递给子组件的数据。可以定义期望从父组件接收的数据结构和类型。‘子组件不可更改该数据’emits:用于定义组件可以向父组件发出的事件。这允许父组件监听子组件的事件并作出响应。(比如数据更新) props检查属性 属性名类型描述默认值typeFunction指定 prop 应该是什么类型,如 String, Number, Boolean,

kubelet组件的启动流程源码分析

概述 摘要: 本文将总结kubelet的作用以及原理,在有一定基础认识的前提下,通过阅读kubelet源码,对kubelet组件的启动流程进行分析。 正文 kubelet的作用 这里对kubelet的作用做一个简单总结。 节点管理 节点的注册 节点状态更新 容器管理(pod生命周期管理) 监听apiserver的容器事件 容器的创建、删除(CRI) 容器的网络的创建与删除

火语言RPA流程组件介绍--浏览网页

🚩【组件功能】:浏览器打开指定网址或本地html文件 配置预览 配置说明 网址URL 支持T或# 默认FLOW输入项 输入需要打开的网址URL 超时时间 支持T或# 打开网页超时时间 执行后后等待时间(ms) 支持T或# 当前组件执行完成后继续等待的时间 UserAgent 支持T或# User Agent中文名为用户代理,简称 UA,它是一个特殊字符串头,使得服务器

Golang支持平滑升级的HTTP服务

前段时间用Golang在做一个HTTP的接口,因编译型语言的特性,修改了代码需要重新编译可执行文件,关闭正在运行的老程序,并启动新程序。对于访问量较大的面向用户的产品,关闭、重启的过程中势必会出现无法访问的情况,从而影响用户体验。 使用Golang的系统包开发HTTP服务,是无法支持平滑升级(优雅重启)的,本文将探讨如何解决该问题。 一、平滑升级(优雅重启)的一般思路 一般情况下,要实现平滑

vue 父组件调用子组件的方法报错,“TypeError: Cannot read property ‘subDialogRef‘ of undefined“

vue 父组件调用子组件的方法报错,“TypeError: Cannot read property ‘subDialogRef’ of undefined” 最近用vue做的一个界面,引入了一个子组件,在父组件中调用子组件的方法时,报错提示: [Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘methods

Golang GUI入门——andlabs ui

官方不提供gui标准库,只好寻求第三方库。 https://github.com/google/gxui 这个gui库是谷歌内部人员提供的,并不是谷歌官方出品,现在停止维护,只好作罢。 第三方gui库 找了好多,也比较了好多,最终决定使用的是还是 https://github.com/andlabs/ui 相信golang gui还会发展的更好,期待更优秀的gui库 由于andlabs