mcpField
S
syncfusion-maui-funnel-charts

syncfusion-maui-funnel-charts

github.com/syncfusion数据与数据库61206 次安装2 周前更新
代码仓库

关于 syncfusion-maui-funnel-charts

面向 .NET MAUI 开发者的 Syncfusion SfFunnelChart 实现指南,用递减分段展示流程阶段。涵盖定制、交互和图像导出。

主要功能

  1. 01垂直或水平漏斗布局
  2. 02数据标签与图例
  3. 03选择和工具提示
  4. 04颜色、渐变与间距定制
  5. 05导出图像

适用场景

  1. 01可视化销售或营销流程
  2. 02分析转化率与流失
  3. 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.md
advanced-features.md
appearance.md
data-labels.md
exporting.md
getting-started.md
legend.md
tooltip.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