微软Blazor组件发布，DevExpress v19.1.8中可用：Charts新功能

DevExpress UI for Blazor在v19.1.8中可用，此次更新发布包括DevExpress Blazor组件的主要功能增强：新的数据网格、图表、TreeView和Tabs。本文将先为大家介绍事件源检测、图表、标签等功能，迎下载最新版试用体验>>

TreeView

Event Source检测

v19.1.8中扩展了TreeViewNodeEventArgs的功能，现在您可以使用TreeViewNodeEventArgs.CausedByAPI事件参数来检测事件是通过最终用户交互还是以编程方式引发。

...@code {
protected void BeforeExpand(TreeViewNodeCancelEventArgs e)
{
if (!e.CausedByAPI)
treeView.CollapseAll();
}
}

Node API

新的GetNodesInfo方法提供有关所需节点的信息，同时还扩展了ITreeViewNodeInfo接口，来包括一个属性选项，其中包含有关节点父级的信息。

...@code {
protected void SelectionChanged(TreeViewNodeEventArgs e) {
if (e.NodeInfo.Parent != null) {
var parentSiblingNodesInfo = treeView.GetNodesInfo(n.Level ==
e.NodeInfo.Parent.Level &&
!string.Equals(n.Name, e.NodeInfo.Parent.Name));
foreach (var nodeInfo in parentSiblingNodesInfo)
treeView.SetNodeExpanded(
n => string.Equals(n.Name, nodeInfo.Name), false);
}
else
treeView.CollapseAll();
}
}

Charts

自定义点

v19.1.8添加了新的Blazor Charts API，可让您自定义点的外观。处理OnCustomizeSeriesPoint事件，并更改通过ChartSeriesPointCustomCustomizationSettings对象绘制点的方式。

例如，您可以根据需要自定义点的可视化设置（颜色，图像，标签的文本和可见性）：

...@code {
protected void PreparePointColor(ChartSeriesPointCustomizationSettings pointSettings)
{
double value = (double)pointSettings.Point.Value;
if (value > 75)
pointSettings.PointAppearance.Color = System.Drawing.Color.Red;
else if (value < 25)
pointSettings.PointAppearance.Color = System.Drawing.Color.Blue;
}
}

下图有助于说明此新的Blazor Chart功能（自定义点）的功能：

AABBbaby

导航

公告