mcpField
S
syncfusion-maui-toolkit-pyramid-charts

syncfusion-maui-toolkit-pyramid-charts

github.com/syncfusion设计与 UI3943 次安装7 周前更新
代码仓库

关于 syncfusion-maui-toolkit-pyramid-charts

面向 .NET MAUI 开发者的 Syncfusion SfPyramidChart 指南,用于展示整体中的层级占比,并介绍标签、图例、工具提示、外观定制和导出。

主要功能

  1. 01层级式单系列数据可视化
  2. 02线性和表面积金字塔模式
  3. 03可配置标签、图例和工具提示
  4. 04调色板、渐变及分段间距设置
  5. 05导出图像或数据流

适用场景

  1. 01呈现销售阶段或流程
  2. 02展示人口构成比例
  3. 03为报告或文档导出图表

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/syncfusion/maui-toolkit-ui-components-skills --skill syncfusion-maui-toolkit-pyramid-charts

安装后在 Claude Code 中输入/syncfusion-maui-toolkit-pyramid-charts确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

references/
appearance-customization.md
data-labels.md
exporting.md
getting-started.md
legend.md
tooltip.md

详细介绍

实现 .NET MAUI 金字塔图表

指导用户实现 Syncfusion .NET MAUI 金字塔图表(SfPyramidChart)。该图表通过层级分段展示整体中的各部分比例,非常适合在高质量的 .NET MAUI 应用中展示部分与整体的关系。作为不带坐标轴的单系列图表,它以百分比表示数据,其中各部分之和等于整体。

何时使用此技能

当用户需要以下操作时,请使用此技能:

  • 创建金字塔图表,以在 .NET MAUI 应用中展示层级或比例数据
  • 展示部分与整体的关系,其中各分段表示整体中的百分比
  • 实现漏斗式可视化,用于展示销售阶段、流程或人口统计细分
  • 为金字塔图表添加交互功能,例如工具提示、图例和数据标签
  • 自定义外观,包括调色板、渐变和分段间距
  • 将图表可视化内容导出为图像(JPEG/PNG)或流,用于报告和文档
  • 配置数据绑定,将视图模型绑定到金字塔图表分段

组件概览

SfPyramidChart 控件提供:

  • 单系列层级数据可视化
  • 可自定义的交互式工具提示和图例
  • 丰富的数据标签位置选项(Auto、Inner、Center、Outer)
  • 自定义调色板画笔和渐变支持
  • 两种金字塔模式:Linear(基于高度)和 Surface(基于面积)
  • 使用 GapRatio 控制分段间距
  • 导出为图像格式或流
  • 通过与图例交互切换系列的可见性
  • 可滚动图例,便于处理溢出内容

文档和导航指南

入门

📄 阅读: references/getting-started.md

当用户需要以下操作时:

  • 安装 Syncfusion.Maui.Toolkit NuGet 包
  • 在 XAML 或 C# 中初始化 SfPyramidChart
  • 创建视图模型并将数据绑定到图表
  • 配置 ItemsSource、XBindingPath 和 YBindingPath
  • 了解金字塔图表的基本设置和命名空间导入
  • 查看包含数据绑定的完整可运行示例
数据标签

📄 阅读: references/data-labels.md

当用户需要以下操作时:

  • 启用并显示金字塔分段上的数据标签
  • 配置 PyramidDataLabelSettings 以自定义标签
  • 控制标签位置(Auto、Inner、Center、Outer)
  • 设置标签上下文,以显示 X 值或 Y 值
  • 使用字体、颜色、背景、边框和圆角样式设置标签
  • 使用系列调色板颜色作为标签背景
  • 应用边距并自定义标签外观
图例

📄 阅读: references/legend.md

当用户需要以下操作时:

  • 添加并配置 ChartLegend,以显示分段信息
  • 自定义图例标签样式(字体、颜色、大小、属性)
  • 设置图例图标类型并自定义图标外观
  • 设置图例位置(Top、Bottom、Left、Right)
  • 使用偏移位置创建浮动图例
  • 启用通过点击图例切换系列可见性的功能
  • 使用 ItemsLayout 自定义图例布局
  • 使用自定义图例项模板
  • 处理 LegendItemCreated 事件
  • 覆盖图例视图的最大尺寸请求
工具提示

📄 阅读: references/tooltip.md

当用户需要以下操作时:

  • 启用工具提示,以便在悬停时显示分段信息
  • 配置 ChartTooltipBehavior 以自定义工具提示
  • 设置工具提示外观样式(背景、字体、颜色、边距)
  • 控制工具提示的显示时长
  • 为高级 UI 创建自定义工具提示模板
  • 将工具提示内容绑定到数据项属性
外观和自定义

📄 阅读: references/appearance-customization.md

当用户需要:

  • 为金字塔分段应用自定义调色板画笔
  • 使用渐变填充(LinearGradientBrush、RadialGradientBrush)
  • 在 Linear 和 Surface 金字塔模式之间切换
  • 了解模式差异(基于高度与基于面积)
  • 使用 GapRatio 属性控制分段间距
  • 实现视觉样式设计最佳实践
  • 为分段创建精细的渐变效果
导出

📄 阅读: references/exporting.md

当用户需要:

  • 将金字塔图表导出为图像(JPEG 或 PNG)
  • 使用 SaveAsImage 方法导出文件
  • 了解特定平台的保存位置
  • 配置 Android 和 Windows Phone 的文件写入权限
  • 设置 iOS 相册访问权限
  • 使用 GetStreamAsync 将图表导出为流
  • 将图表流与 PDF、Excel 或 Word 组件集成
  • 处理 ImageFileFormat 选项

评论

支持 Markdown