syncfusion-maui-sunburst-charts
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseImplementing .NET MAUI Sunburst Charts
实现.NET MAUI旭日图
Guide users to implement Syncfusion .NET MAUI Sunburst Chart (SfSunburstChart), a powerful hierarchical data visualization component that displays multi-level categorical data in a radial layout. Each ring represents a level in the hierarchy, with segments sized proportionally to their values. The component supports interactive drill-down, customizable appearance, data labels, tooltips, selection, and modern liquid glass effects.
本指南将指导用户实现Syncfusion .NET MAUI旭日图(SfSunburstChart),这是一款功能强大的层级数据可视化组件,可在径向布局中展示多层分类数据。每个环形代表层级中的一个级别,分段大小与其数值成比例。该组件支持交互式下钻、可自定义外观、数据标签、工具提示、选择功能以及现代液态玻璃效果。
When to Use This Skill
何时使用该组件
Use the Syncfusion .NET MAUI Sunburst Chart when you need to:
- Visualize hierarchical data with 2-5 levels (organizational charts, file systems, product categories)
- Show proportional relationships where segment size represents value or count
- Enable drill-down exploration of large hierarchical datasets with interactive navigation
- Display nested categorical data like sales by region → department → product
- Create radial visualizations as an alternative to tree maps or nested pie charts
- Build interactive dashboards with multi-level data exploration capabilities
The sunburst chart is ideal when users need to understand both the hierarchy structure and the relative proportions at each level.
当你需要以下功能时,可以使用Syncfusion .NET MAUI旭日图:
- 可视化层级数据(2-5级,如组织结构图、文件系统、产品分类)
- 展示比例关系,其中分段大小代表数值或数量
- 启用下钻探索,通过交互式导航查看大型层级数据集
- 展示嵌套分类数据,例如按区域→部门→产品划分的销售数据
- 创建径向可视化效果,作为树状图或嵌套饼图的替代方案
- 构建交互式仪表板,具备多层数据探索能力
当用户需要同时理解层级结构和每个级别的相对比例时,旭日图是理想选择。
Component Overview
组件概述
The SfSunburstChart presents hierarchical data in concentric rings, where:
- Center represents the root or can display custom content
- Inner rings represent higher-level categories
- Outer rings represent detailed subcategories
- Segment size is determined by the value property
- Drill-down allows focusing on specific branches
Key capabilities:
- Hierarchical level configuration with GroupMemberPath
- Customizable angles, radius, and inner radius
- Data labels with rotation and overflow modes
- Interactive tooltips with custom templates
- Selection highlighting with multiple display modes
- Drill-down with animated toolbar navigation
- Center view for displaying summary information
- Liquid glass effect for modern iOS/macOS styling
SfSunburstChart以同心环形展示层级数据,其中:
- 中心代表根节点,或可显示自定义内容
- 内环代表高级别分类
- 外环代表详细的子分类
- 分段大小由数值属性决定
- 下钻功能允许聚焦特定分支
核心功能:
- 通过GroupMemberPath配置层级
- 可自定义角度、半径和内半径
- 具备旋转和溢出模式的数据标签
- 可自定义模板的交互式工具提示
- 支持多种显示模式的选择高亮
- 带动画工具栏导航的下钻功能
- 用于展示摘要信息的中心视图
- 适用于现代iOS/macOS样式的液态玻璃效果
Documentation and Navigation Guide
文档与导航指南
Getting Started
入门指南
📄 Read: references/getting-started.md
- NuGet package installation and setup
- Basic sunburst chart implementation
- Creating hierarchical data models
- Configuring ItemsSource and ValueMemberPath
- Adding hierarchical levels with GroupMemberPath
- Enabling title, legend, tooltips, and labels
- Complete working example
📄 阅读: references/getting-started.md
- NuGet包安装与设置
- 基础旭日图实现
- 创建层级数据模型
- 配置ItemsSource和ValueMemberPath
- 通过GroupMemberPath添加层级
- 启用标题、图例、工具提示和标签
- 完整可运行示例
Visual Customization
视觉自定义
Appearance Configuration
外观配置
📄 Read: references/appearance.md
- Adjusting start and end angles for partial circles
- Customizing radius and inner radius
- Configuring stroke color and width
- Creating donut-style visualizations
📄 阅读: references/appearance.md
- 调整起始和结束角度以实现部分环形效果
- 自定义半径和内半径
- 配置描边颜色和宽度
- 创建环形(甜甜圈)样式可视化效果
Data Labels
数据标签
📄 Read: references/data-labels.md
- Enabling and positioning data labels
- Overflow modes (Trim, Hide)
- Rotation modes (Angle, Normal)
- Font customization (family, size, color, attributes)
📄 阅读: references/data-labels.md
- 启用并定位数据标签
- 溢出模式(截断、隐藏)
- 旋转模式(角度、正常)
- 字体自定义(字体族、大小、颜色、属性)
Interactivity Features
交互功能
Tooltips
工具提示
📄 Read: references/tooltips.md
- Enabling tooltips for segment details
- Customizing tooltip appearance
- Creating custom tooltip templates
- Configuring display duration and styling
📄 阅读: references/tooltips.md
- 启用分段详情的工具提示
- 自定义工具提示外观
- 创建自定义工具提示模板
- 配置显示时长和样式
Selection
选择功能
📄 Read: references/selection.md
- Selection types (Single, Child, Group, Parent)
- Display modes (Brush, Opacity, Stroke)
- Selection events (SelectionChanging, SelectionChanged)
- Highlighting selected segments and related hierarchies
📄 阅读: references/selection.md
- 选择类型(单选、子项、组、父项)
- 显示模式(画笔、透明度、描边)
- 选择事件(SelectionChanging、SelectionChanged)
- 高亮选中分段及其相关层级
Drill-Down
下钻功能
📄 Read: references/drill-down.md
- Enabling interactive drill-down navigation
- Toolbar alignment and positioning
- Customizing drill-down toolbar appearance
- Zoom-back and reset operations
📄 阅读: references/drill-down.md
- 启用交互式下钻导航
- 工具栏对齐与定位
- 自定义下钻工具栏外观
- 缩放返回和重置操作
Advanced Features
高级功能
Center View
中心视图
📄 Read: references/center-view.md
- Adding custom views to chart center
- Using CenterHoleSize for proper sizing
- Creating summary displays in center
- Complex layouts with borders and labels
📄 阅读: references/center-view.md
- 向图表中心添加自定义视图
- 使用CenterHoleSize调整合适尺寸
- 在中心创建摘要展示
- 包含边框和标签的复杂布局
Liquid Glass Effect
液态玻璃效果
📄 Read: references/liquid-glass-effect.md
- Modern glass design styling (.NET 10+)
- Wrapping charts in SfGlassEffectView
- Enabling glass effect on tooltips
- iOS/macOS platform-specific features
📄 阅读: references/liquid-glass-effect.md
- 现代玻璃设计样式(.NET 10+)
- 将图表包裹在SfGlassEffectView中
- 在工具提示上启用玻璃效果
- iOS/macOS平台特定功能