mcpField
S
syncfusion-maui-toolkit-polar-charts

syncfusion-maui-toolkit-polar-charts

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

关于 syncfusion-maui-toolkit-polar-charts

面向 .NET MAUI 开发者的 Syncfusion SfPolarChart 实现指南,用于在极坐标布局中展示和比较数据系列。内容涵盖雷达图样式、坐标轴、交互元素、自定义和图像导出。

主要功能

  1. 01极线与极区域系列
  2. 02圆形或多边形网格线
  3. 03类别、数值和日期时间轴
  4. 04数据标签、标记和图例
  5. 05导出为 PNG、JPEG 或 BMP

适用场景

  1. 01径向比较多个数据系列
  2. 02呈现季节或方向性数据
  3. 03制作极坐标或雷达图
  4. 04将图表保存为报告图像

安装

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

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

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

包含的文件

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

references/
appearance-customization.md
axis-configuration.md
data-labels-markers.md
exporting.md
getting-started.md
legend-tooltip.md
rendering-position.md
series-types.md

详细介绍

实现 Syncfusion .NET MAUI 极坐标图表

指导用户实现 Syncfusion .NET MAUI 极坐标图表(SfPolarChart),通过在圆形布局中表示数值和角度,在极坐标系中可视化数据。这类图表也称为雷达图、蜘蛛网图、网状图、星形图或蛛网图,非常适合以放射状方式比较多个数据系列,以及展示循环或方向性数据模式。

何时使用此技能

在用户需要执行以下操作时使用此技能:

  • 创建极坐标图或雷达图 - 在圆形/角度布局中可视化数据
  • 以放射状方式比较多个数据系列 - 同时以极坐标格式显示 2-3 个或更多系列
  • 显示循环或方向性数据 - 指南针方向、季节模式、跨类别的性能指标
  • 切换极坐标样式和雷达样式 - 圆形网格线(极坐标图)与多边形网格线(雷达图/蜘蛛网图)
  • 实现折线或面积系列 - PolarLineSeries 或 PolarAreaSeries
  • 自定义极坐标图外观 - 坐标轴、标记、数据标签、图例、工具提示、颜色
  • 配置极坐标角度 - 调整起始角度以更改方向(0°、90°、180°、270°)
  • 导出极坐标图 - 将图表保存为图像,用于报告或文档

组件概述

主要功能:

  • 系列类型:极坐标折线系列和极坐标面积系列,支持多个系列
  • 网格线类型:圆形(极坐标图)或多边形(雷达图/蜘蛛网图)
  • 坐标轴类型:类别、数值和日期时间坐标轴
  • 自定义:数据标签、标记、图例、工具提示、颜色
  • 渲染位置:可调整极坐标角度以更改方向
  • 导出:将图表保存为图像格式(PNG、JPEG、BMP)
  • 交互性:闭合/开放系列、标记自定义、自适应设计

文档与导航指南

入门

📄 阅读: references/getting-started.md

在用户需要以下内容时:

  • 安装并设置 Syncfusion.Maui.Toolkit 包
  • 创建第一个极坐标图
  • 了解图表基本结构(SfPolarChart、PrimaryAxis、SecondaryAxis)
  • 初始化视图模型并进行数据绑定
  • 向图表添加系列
  • 查看完整的可运行示例
系列类型

📄 阅读: references/series-types.md

在用户需要以下内容时:

  • 在极坐标折线系列和极坐标面积系列之间进行选择
  • 了解 PolarLineSeries 和 PolarAreaSeries 的区别
  • 切换网格线类型(Circle 或 Polygon),以呈现极坐标图或雷达图外观
  • 配置闭合或开放系列(IsClosed 属性)
  • 同时显示多个系列
  • 比较系列类型并选择合适的类型
坐标轴配置

📄 阅读: references/axis-configuration.md

在用户需要以下内容时:

  • 配置 PrimaryAxis 或 SecondaryAxis
  • 使用类别、数值或日期时间坐标轴类型
  • 自定义坐标轴标签、格式和旋转
  • 设置坐标轴线和刻度线的样式
  • 配置网格线(主要和次要)
  • 设置坐标轴标题和位置
  • 调整坐标轴范围和间隔
数据标签和标记

📄 阅读: references/data-labels-markers.md

在用户需要以下内容时:

  • 启用并自定义系列数据点上的数据标签
  • 设置数据标签的位置和格式
  • 创建自定义数据标签模板
  • 启用标记(ShowMarkers 属性)
  • 自定义标记形状、大小和颜色
  • 配置 MarkerSettings 属性
图例和工具提示

📄 阅读: references/legend-tooltip.md

在用户需要以下内容时:

  • 添加图例并设置位置
  • 自定义图例项和外观
  • 创建自定义图例模板
  • 启用交互式工具提示
  • 自定义工具提示内容和外观
  • 创建自定义工具提示模板
外观自定义

📄 阅读: references/appearance-customization.md

当用户需要:

  • 自定义图表颜色和调色板
  • 为特定系列应用样式
  • 配置背景和边框
  • 与应用主题集成
  • 应用自定义 CSS 或样式模式
渲染位置

📄 阅读: references/rendering-position.md

当用户需要:

  • 调整极坐标图的起始角度
  • 旋转图表方向(0°、90°、180°、270°)
  • 了解 StartAngle 属性的用法
  • 将数据定位到特定的罗盘方向
  • 创建角度对齐方式不同的图表
导出

📄 阅读: references/exporting.md

当用户需要:

  • 将图表导出为图像格式
  • 将图表保存为 PNG、JPEG 或 BMP
  • 配置导出设置
  • 实现导出功能
  • 为报告生成图表图像

评论

支持 Markdown