syncfusion-maui-sunburst-charts

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Implementing .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平台特定功能