syncfusion-maui-polar-charts

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Implementing Syncfusion .NET MAUI Polar Charts

实现Syncfusion .NET MAUI极坐标图表

Guide users to implement Syncfusion .NET MAUI Polar Chart (SfPolarChart), which enables visualization of data in polar coordinates, representing values and angles in circular layouts. Also known as radar, spider, web, star, or cobweb charts, these visualizations are ideal for comparing multiple data series radially and displaying cyclic or directional data patterns.
本指南指导用户实现Syncfusion .NET MAUI极坐标图表(SfPolarChart),该组件支持在极坐标系中可视化数据,以圆形布局呈现数值和角度。这类可视化也被称为雷达图、蜘蛛图、网状图、星形图或蛛网图,非常适合从径向比较多个数据系列,以及展示周期性或方向性数据模式。

When to Use This Skill

何时使用此技能

Use this skill when the user needs to:
  • Create polar or radar charts - Visualize data in circular/angular layouts
  • Compare multiple data series radially - Display 2-3+ series simultaneously in polar format
  • Display cyclic or directional data - Compass directions, seasonal patterns, performance metrics across categories
  • Switch between polar and radar styles - Circle grid lines (polar) vs polygon grid lines (radar/spider)
  • Implement line or area series - PolarLineSeries or PolarAreaSeries
  • Customize polar chart appearance - Axes, markers, data labels, legends, tooltips, colors
  • Configure polar angles - Adjust start angle for different orientations (0°, 90°, 180°, 270°)
  • Export polar charts - Save charts as images for reports or documentation
当用户需要以下操作时,可使用此技能:
  • 创建极坐标图或雷达图 - 在圆形/角度布局中可视化数据
  • 从径向比较多个数据系列 - 以极坐标格式同时展示2-3个及以上系列
  • 展示周期性或方向性数据 - 罗盘方向、季节模式、跨类别的性能指标
  • 在极坐标和雷达样式间切换 - 圆形网格线(极坐标图)vs 多边形网格线(雷达/蜘蛛图)
  • 实现折线或面积系列 - PolarLineSeries 或 PolarAreaSeries
  • 自定义极坐标图表外观 - 坐标轴、标记、数据标签、图例、工具提示、颜色
  • 配置极坐标角度 - 调整起始角度以实现不同方向(0°、90°、180°、270°)
  • 导出极坐标图表 - 将图表保存为图片用于报告或文档

Component Overview

组件概述

Key Features:
  • Series Types: Polar line and polar area series with multiple series support
  • Grid Line Types: Circle (polar chart) or Polygon (radar/spider chart)
  • Axis Types: Category, Numeric, and DateTime axes
  • Customization: Data labels, markers, legends, tooltips, colors, liquid glass effects
  • Rendering Position: Adjustable polar angles for different orientations
  • Export: Save charts to image formats (PNG, JPEG, BMP)
  • Interactive: Closed/open series, marker customization, responsive design
核心特性:
  • 系列类型:支持极坐标折线和极坐标面积系列,可同时添加多个系列
  • 网格线类型:圆形(极坐标图)或多边形(雷达/蜘蛛图)
  • 坐标轴类型:类别轴、数值轴和日期时间轴
  • 自定义功能:数据标签、标记、图例、工具提示、颜色、液态玻璃效果
  • 渲染位置:可调整极坐标角度以实现不同方向
  • 导出功能:将图表保存为图片格式(PNG、JPEG、BMP)
  • 交互性:闭合/开放系列、标记自定义、响应式设计

Documentation and Navigation Guide

文档与导航指南

Getting Started

快速入门

📄 Read: references/getting-started.md
When the user needs to:
  • Install and set up Syncfusion .NET MAUI Charts package
  • Create their first polar chart
  • Understand basic chart structure (SfPolarChart, PrimaryAxis, SecondaryAxis)
  • Initialize view model and data binding
  • Add series to the chart
  • See complete working example
📄 阅读: references/getting-started.md
当用户需要以下操作时:
  • 安装并设置Syncfusion .NET MAUI Charts包
  • 创建首个极坐标图表
  • 理解基础图表结构(SfPolarChart、PrimaryAxis、SecondaryAxis)
  • 初始化视图模型并进行数据绑定
  • 向图表添加系列
  • 查看完整的运行示例

Series Types

系列类型

📄 Read: references/series-types.md
When the user needs to:
  • Choose between polar line and polar area series
  • Understand differences between PolarLineSeries and PolarAreaSeries
  • Switch grid line types (Circle vs Polygon) for polar vs radar appearance
  • Configure closed vs open series (IsClosed property)
  • Display multiple series simultaneously
  • Compare series types and choose the right one
📄 阅读: references/series-types.md
当用户需要以下操作时:
  • 在极坐标折线和极坐标面积系列间选择
  • 理解PolarLineSeries和PolarAreaSeries的区别
  • 切换网格线类型(圆形vs多边形)以实现极坐标图vs雷达图外观
  • 配置闭合/开放系列(IsClosed属性)
  • 同时展示多个系列
  • 比较系列类型并选择合适的类型

Axis Configuration

坐标轴配置

📄 Read: references/axis-configuration.md
When the user needs to:
  • Configure PrimaryAxis or SecondaryAxis
  • Use Category, Numeric, or DateTime axis types
  • Customize axis labels, formatting, rotation
  • Style axis lines and tick lines
  • Configure grid lines (major and minor)
  • Set axis title and positioning
  • Adjust axis ranges and intervals
📄 阅读: references/axis-configuration.md
当用户需要以下操作时:
  • 配置PrimaryAxis或SecondaryAxis
  • 使用类别轴、数值轴或日期时间轴类型
  • 自定义坐标轴标签、格式、旋转角度
  • 设置坐标轴线条和刻度线样式
  • 配置网格线(主网格线和次网格线)
  • 设置坐标轴标题和位置
  • 调整坐标轴范围和间隔

Data Labels and Markers

数据标签与标记

📄 Read: references/data-labels-markers.md
When the user needs to:
  • Enable and customize data labels on series points
  • Position and format data labels
  • Create custom data label templates
  • Enable markers (ShowMarkers property)
  • Customize marker shapes, sizes, colors
  • Configure MarkerSettings properties
📄 阅读: references/data-labels-markers.md
当用户需要以下操作时:
  • 启用并自定义系列数据点上的数据标签
  • 设置数据标签的位置和格式
  • 创建自定义数据标签模板
  • 启用标记(ShowMarkers属性)
  • 自定义标记形状、大小、颜色
  • 配置MarkerSettings属性

Legend and Tooltip

图例与工具提示

📄 Read: references/legend-tooltip.md
When the user needs to:
  • Add and position legend
  • Customize legend items and appearance
  • Create custom legend templates
  • Enable interactive tooltips
  • Customize tooltip content and appearance
  • Create custom tooltip templates
📄 阅读: references/legend-tooltip.md
当用户需要以下操作时:
  • 添加并设置图例位置
  • 自定义图例项和外观
  • 创建自定义图例模板
  • 启用交互式工具提示
  • 自定义工具提示内容和外观
  • 创建自定义工具提示模板

Appearance Customization

外观自定义

📄 Read: references/appearance-customization.md
When the user needs to:
  • Customize chart colors and palettes
  • Apply series-specific styling
  • Configure background and borders
  • Enable liquid glass effect for modern appearance
  • Integrate with app themes
  • Apply custom CSS or styling patterns
📄 阅读: references/appearance-customization.md
当用户需要以下操作时:
  • 自定义图表颜色和调色板
  • 应用系列专属样式
  • 配置背景和边框
  • 启用液态玻璃效果以实现现代外观
  • 与应用主题集成
  • 应用自定义CSS或样式模式

Rendering Position

渲染位置

📄 Read: references/rendering-position.md
When the user needs to:
  • Adjust polar chart start angle
  • Rotate chart orientation (0°, 90°, 180°, 270°)
  • Understand StartAngle property usage
  • Position data for specific compass orientations
  • Create charts with different angular alignments
📄 阅读: references/rendering-position.md
当用户需要以下操作时:
  • 调整极坐标图表的起始角度
  • 旋转图表方向(0°、90°、180°、270°)
  • 理解StartAngle属性的用法
  • 为特定罗盘方向定位数据
  • 创建具有不同角度对齐方式的图表

Exporting

导出功能

📄 Read: references/exporting.md
When the user needs to:
  • Export charts to image formats
  • Save charts as PNG, JPEG, or BMP
  • Configure export settings
  • Implement export functionality
  • Generate chart images for reports
📄 阅读: references/exporting.md
当用户需要以下操作时:
  • 将图表导出为图片格式
  • 将图表保存为PNG、JPEG或BMP格式
  • 配置导出设置
  • 实现导出功能
  • 生成用于报告的图表图片