关于 syncfusion-maui-funnel-charts
面向 .NET MAUI 开发者的 Syncfusion SfFunnelChart 实现指南,用递减分段展示流程阶段。涵盖定制、交互和图像导出。
主要功能
- 01垂直或水平漏斗布局
- 02数据标签与图例
- 03选择和工具提示
- 04颜色、渐变与间距定制
- 05导出图像
适用场景
- 01可视化销售或营销流程
- 02分析转化率与流失
- 03展示逐步递减的阶段数据
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ syncfusion/ maui-ui-components-skills --skill syncfusion-maui-funnel-charts安装后在 Claude Code 中输入/syncfusion-maui-funnel-charts确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
references/accessibility.mdadvanced-features.mdappearance.mddata-labels.mdexporting.mdgetting-started.mdlegend.mdtooltip.md详细介绍
实现 .NET MAUI 漏斗图
全面介绍如何实现和自定义 Syncfusion® .NET MAUI 漏斗图(SfFunnelChart)。漏斗图通过逐渐缩小的区段来可视化数据,非常适合表示销售管道、转化漏斗或营销活动等流程中的各个阶段。
何时使用此技能
在以下情况下使用此技能:
- 创建漏斗图,以可视化流程阶段(销售、营销、转化)
- 显示层级数据,使用逐渐缩小的区段
- 展示转化率或流失分析
- 实现可自定义的漏斗可视化,并添加数据标签和图例
- 将漏斗图导出为图像
组件概述
SfFunnelChart 是一个 .NET MAUI 控件,可创建美观的漏斗区段,用于分析流程中的不同阶段。主要功能包括:
- **用户交互:**选择、工具提示和图例切换
- **数据标签:**显示值,并可自定义位置和样式
- **图例支持:**可滚动的图例,方便识别图例项
- **自定义:**外观、颜色、渐变、间距和效果
- **方向:**垂直或水平显示漏斗图
- **导出:**将图表保存为图像
文档与导航指南
入门
📄 阅读: references/getting-started.md
- 安装 NuGet 包(
Syncfusion.Maui.Charts) - 基本的 SfFunnelChart 实现(XAML 和 C#)
- 创建视图模型和数据模型
- 使用 ItemsSource、XBindingPath、YBindingPath 进行数据绑定
- 添加标题、图例、工具提示和数据标签
- 完整的工作示例
数据标签
📄 阅读: references/data-labels.md
- 启用数据标签(ShowDataLabels 属性)
- 标签位置选项(Auto、Inner、Center、Outer)
- 配置上下文(显示 XValue、YValue)
- 自定义标签样式(字体、颜色、边距、边框)
- 使用 UseSeriesPalette 为标签着色,使其与区段颜色一致
外观与自定义
📄 阅读: references/appearance.md
- 为区段颜色自定义 PaletteBrushes
- 应用渐变(LinearGradientBrush、RadialGradientBrush)
- 创建自定义配色方案
- 配置 GradientStops
- 视觉设计最佳实践
图例
📄 阅读: references/legend.md
- 定义并初始化 ChartLegend
- 图例的显示与位置(Top、Bottom、Left、Right)
- 自定义标签样式
- 图例图标类型
- 使用 OffsetX/OffsetY 设置浮动图例
- 切换系列可见性
- 图例项布局和 ItemTemplate
- LegendItemCreated 事件
工具提示
📄 阅读: references/tooltip.md
- 启用工具提示(EnableTooltip 属性)
- 自定义工具提示模板
- 绑定上下文和数据格式
- 自定义工具提示外观
高级功能
📄 阅读: references/advanced-features.md
- 方向(垂直或水平)
- 配置区段间距
- 实现 Liquid Glass Effect
- 间隙比例和大小设置
- 视觉效果与润色
导出
📄 阅读: references/exporting.md
- 将图表导出为图像
- 导出格式选项
- 分享和保存图表
辅助功能
📄 阅读: references/accessibility.md
- 屏幕阅读器对标题、漏斗层和图例项的播报
- 在各个平台启用辅助功能(TalkBack、VoiceOver、Narrator)
- 键盘导航(Windows Narrator、macOS VoiceOver)
- 手势导航(Android TalkBack、iOS VoiceOver)
- 提供有意义的标签,以便播报清晰的信息
评论
支持 Markdown