SuperAPI AI 工具集

syncfusion-blazor-sankey

通用与其它

查看项目

更新于 10-15 22:09

技能介绍

用途:在 Blazor 应用中实现 Syncfusion Blazor Sankey Diagram(SfSankey)组件,以桑基图可视化类别或阶段之间的流向与关系,链路宽度与流量大小成比例。适用能量/资源流、网站流量与用户旅程、预算与财务流、供应链与物流、带量级的过程流、网络流、转化漏斗等场景。

主要能力:基于 Nodes 与 Links 集合的数据驱动可视化;自动布局,支持水平/垂直方向;节点、链接、标签、图例的丰富定制;点击与悬停等交互事件(共 16 个事件);工具提示;打印与导出(PNG、JPEG、SVG、PDF);符合 WCAG 2.2 的无障碍支持;响应式尺寸变化。

使用方式:NuGet 引入 Syncfusion.Blazor.Sankey 与 Syncfusion.Blazor.Themes,命名空间 Syncfusion.Blazor.Sankey;在 Program.cs 注册 Syncfusion 服务,引入主题 CSS 与脚本。基本用法为在 .razor 中放置 <SfSankey>,绑定 Nodes 与 Links,并通过 SankeyNodeSettings、SankeyLinkSettings、SankeyLabelSettings、SankeyLegendSettings、SankeyTooltipSettings 等设置外观;导出调用 ExportAsync,打印调用 PrintAsync,重新渲染调用 RefreshAsync。

数据要求:每个节点需有唯一 Id 与含 Text 的 Label;每条链路需 SourceId、TargetId 与数值型 Value。SourceId/TargetId 必须精确匹配现有节点 Id(区分大小写),Value 应为正数,建议避免环形流。

限制与排错:若图表不显示,检查 Nodes/Links 是否初始化、是否设置 Width 与 Height、是否注册 Syncfusion 服务;链路不显示多因 Id 不匹配或 Value 非正;具体定价、授权与更多细节资料暂未提供。