Implementing Syncfusion .NET MAUI Polar Charts
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.
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
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
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
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
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
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
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
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
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
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
1---
2name: syncfusion-maui-polar-charts
3description: Implements Syncfusion .NET MAUI Polar Charts (SfPolarChart) for visualizing data in polar coordinates. Use when working with polar charts, radar charts, spider charts, web charts, or circular data visualization. Ideal for displaying data in terms of values and angles, creating line or area series in polar layouts, or comparing multiple data series radially.
4metadata:
5 author: "Syncfusion Inc"
6 version: "34.1.29"
7---
8
9# Implementing Syncfusion .NET MAUI Polar Charts
10
11Guide 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.
12
13## When to Use This Skill
14
15Use this skill when the user needs to:
16
17- **Create polar or radar charts** - Visualize data in circular/angular layouts
18- **Compare multiple data series radially** - Display 2-3+ series simultaneously in polar format
19- **Display cyclic or directional data** - Compass directions, seasonal patterns, performance metrics across categories
20- **Switch between polar and radar styles** - Circle grid lines (polar) vs polygon grid lines (radar/spider)
21- **Implement line or area series** - PolarLineSeries or PolarAreaSeries
22- **Customize polar chart appearance** - Axes, markers, data labels, legends, tooltips, colors
23- **Configure polar angles** - Adjust start angle for different orientations (0°, 90°, 180°, 270°)
24- **Export polar charts** - Save charts as images for reports or documentation
25
26## Component Overview
27
28**Key Features:**
29- **Series Types**: Polar line and polar area series with multiple series support
30- **Grid Line Types**: Circle (polar chart) or Polygon (radar/spider chart)
31- **Axis Types**: Category, Numeric, and DateTime axes
32- **Customization**: Data labels, markers, legends, tooltips, colors, liquid glass effects
33- **Rendering Position**: Adjustable polar angles for different orientations
34- **Export**: Save charts to image formats (PNG, JPEG, BMP)
35- **Interactive**: Closed/open series, marker customization, responsive design
36
37## Documentation and Navigation Guide
38
39### Getting Started
40📄 **Read:** [references/getting-started.md](references/getting-started.md)
41
42When the user needs to:
43- Install and set up Syncfusion .NET MAUI Charts package
44- Create their first polar chart
45- Understand basic chart structure (SfPolarChart, PrimaryAxis, SecondaryAxis)
46- Initialize view model and data binding
47- Add series to the chart
48- See complete working example
49
50### Series Types
51📄 **Read:** [references/series-types.md](references/series-types.md)
52
53When the user needs to:
54- Choose between polar line and polar area series
55- Understand differences between PolarLineSeries and PolarAreaSeries
56- Switch grid line types (Circle vs Polygon) for polar vs radar appearance
57- Configure closed vs open series (IsClosed property)
58- Display multiple series simultaneously
59- Compare series types and choose the right one
60
61### Axis Configuration
62📄 **Read:** [references/axis-configuration.md](references/axis-configuration.md)
63
64When the user needs to:
65- Configure PrimaryAxis or SecondaryAxis
66- Use Category, Numeric, or DateTime axis types
67- Customize axis labels, formatting, rotation
68- Style axis lines and tick lines
69- Configure grid lines (major and minor)
70- Set axis title and positioning
71- Adjust axis ranges and intervals
72
73### Data Labels and Markers
74📄 **Read:** [references/data-labels-markers.md](references/data-labels-markers.md)
75
76When the user needs to:
77- Enable and customize data labels on series points
78- Position and format data labels
79- Create custom data label templates
80- Enable markers (ShowMarkers property)
81- Customize marker shapes, sizes, colors
82- Configure MarkerSettings properties
83
84### Legend and Tooltip
85📄 **Read:** [references/legend-tooltip.md](references/legend-tooltip.md)
86
87When the user needs to:
88- Add and position legend
89- Customize legend items and appearance
90- Create custom legend templates
91- Enable interactive tooltips
92- Customize tooltip content and appearance
93- Create custom tooltip templates
94
95### Appearance Customization
96📄 **Read:** [references/appearance-customization.md](references/appearance-customization.md)
97
98When the user needs to:
99- Customize chart colors and palettes
100- Apply series-specific styling
101- Configure background and borders
102- Enable liquid glass effect for modern appearance
103- Integrate with app themes
104- Apply custom CSS or styling patterns
105
106### Rendering Position
107📄 **Read:** [references/rendering-position.md](references/rendering-position.md)
108
109When the user needs to:
110- Adjust polar chart start angle
111- Rotate chart orientation (0°, 90°, 180°, 270°)
112- Understand StartAngle property usage
113- Position data for specific compass orientations
114- Create charts with different angular alignments
115
116### Exporting
117📄 **Read:** [references/exporting.md](references/exporting.md)
118
119When the user needs to:
120- Export charts to image formats
121- Save charts as PNG, JPEG, or BMP
122- Configure export settings
123- Implement export functionality
124- Generate chart images for reports
125
gabrielmoreira