All Products
Search
Document Center

Quick BI:Sunburst Chart

Last Updated:Apr 21, 2025

A sunburst chart, also known as a multilayer pie chart, displays hierarchical data through a series of nested rings. It is suitable for displaying complex hierarchical data, such as organizational structures of companies, budget allocations across departments, and website page browsing paths.

Prerequisites

You need to create a dashboard. For more information, see Create a Dashboard.

Overview

A sunburst chart consists of multiple concentric rings. Each ring represents a level, and each sector represents a category or subcategory. The inner sectors represent the highest-level categories, while the outer sectors represent subcategories of those categories. The sunburst chart uses different colors and text labels to visually display the relationships and proportions between different levels.image

You can analyze and obtain the following information from a sunburst chart:

  • Hierarchy: Each layer in a sunburst chart represents a level. In the preceding figure, the innermost layer represents major product categories, and the outermost layer represents corresponding product subcategories, clearly showing the hierarchical relationships between product types.

  • Distribution: The size of each sector in the chart shows the differences and distribution of various data types. For example, from the size of the outer sectors in the preceding figure, you can visually see that tables have a higher proportion among furniture products.

Scenarios

Common scenarios for using sunburst charts include the following:

  • Organizational structure analysis, such as displaying company organizational structures, hierarchical levels, and examining the distribution and proportion of personnel at each level.

  • Market sales analysis, such as showing the sales proportion and relationship of various product categories in the market.

  • Geographic data analysis, such as displaying sales situations and proportions of a certain product in different regions.

Advantages

  • Visualization effects: You can adjust chart styles to achieve more intuitive display effects, such as adding legends, data labels, tooltips, and other auxiliary configurations.

  • Annotation capability: You can customize notes and endnotes, and configure jumps to external links to enable interaction between data and other systems.

  • Interactive operations: The chart supports filter interaction, hyperlinks, and in-chart filtering.

Configure a Sunburst Chart

This section uses the analysis of order quantities for various product types as an example to explain field configuration.

  1. In the Data panel, select the required fields and configure them in the corresponding areas under the Fields tab by double-clicking or dragging them.image

    • In the Sector Label/Dimensions area, configure the major categories and their subcategory fields for the current chart.

      In this example, drag the Product Type and Product Subcategory fields as the main categories for subsequent analysis.

      Note
      • You can configure a maximum of 5 dimension fields.

      • The order of configured fields should be: major categories first, followed by subcategories.

    • In the Central Angle/Measures area, configure the main analysis metrics for the current chart.

      In this example, drag Order Quantity as the main metric for subsequent analysis.

      Note

      You can configure a maximum of 10 measure fields. After configuration, you can switch between measure fields in the metric filter in the upper right corner.111

  2. Click Update, and the system automatically updates the chart.image

  3. (Optional) When you need to view data information for a specific measure in the tooltip, you can add that measure to Tooltip/Measures.image

  4. (Optional) When you need to filter the displayed data, you can drag the field to be filtered into the Filter area. For example, if you need to filter out data from certain regions, you can drag the Region field into the Filter area, and click the image icon to filter the required data in the Set Filter window.image

  5. (Optional) Auto-refresh

    After setting this option, the system automatically refreshes the chart data. For example, if you select this option and set the duration to 5 and the unit to Minutes, the system automatically refreshes the chart data every 5 minutes.image

Configure the Style of a Sunburst Chart

This section introduces the style configuration of the chart. For the common Title and Card configuration, see Configure the Chart Title.

image

Plot Area

In the Sector Area section under the Style tab, set the sector style of the sunburst chart.

image

Configuration item

Description

Color mode

Set the color mode for the sector area. You can select Gradient by Category or Same Color by Category.

  • Gradient by Category: The color of sectors in the same category changes from dark to light, from major categories to subcategories. This mode emphasizes the depth and hierarchy between levels, allowing report viewers to quickly identify the position of different levels and the proportional relationships between levels.image

  • Same Color by Category: Sectors in the same category have the same color. This mode emphasizes the distinction between different categories, allowing report viewers to quickly identify the distinction between different categories at the same level and their proportional relationships.image

Color settings

Set the color scheme for the sector area. You can customize colors for each dimension value of major categories.111

Outer ring radius

Set the radius size of the outer ring sector area of the chart.111

Inner ring radius

Set the radius size of the inner ring of the chart.111

Legend

In the Legend section under the Style tab, set the style of the legend in the chart. image

Configuration item

Description

Position

Set the display position of the legend. The following four legend presentation modes are supported.

image

Text

Set the legend text style. The font size can be set separately for PC and mobile terminals, while other text styles are configured uniformly.

Display label content

Set whether to display label content, and the type and style of label content.111

Data Labels

In the Data Labels section, set whether to display data labels and their styles.

image

Configuration item

Description

Show all

When the relevant label content status is set to display, set whether to display all labels simultaneously.

When labels are close to each other and space is limited, labels may overlap. You can turn off Show All to achieve a visually clear effect.111

Label mode

Set the display mode for data labels. You can select Regular Internal or Outer Ring Radial.111

  • Regular Internal: Labels are displayed inside each node sector. In this mode, you can adjust the direction of label text.

  • Outer Ring Radial: Only the innermost and outermost layer labels are displayed, and the outermost layer labels are displayed outside the sector. In this mode, you cannot adjust the direction of label text.

Direction

When the label mode is Regular Internal, you can adjust the direction of data label text. You can select Auto, Radial, or Tangential.111

Text

Set the style of text in data labels.

Tooltip

In the Tooltip section under the Style tab, set the style of tooltips.

Note
  • Fields displayed in tooltips need to be configured in the Tooltip/Measures area under the Fields panel.

  • Only PC terminals support tooltip settings.

image

Configuration item

Description

Content

Choose whether to display proportion information in tooltips.

Background color

Set the background color of the tooltip box.

Text

Set the style of tooltip text.

Total

In the Total section under the Style tab, set whether to display the total information of the current measure field in the chart.image

Configuration item

Description

Custom name

Customize the name of the total information according to actual needs. For example: Annual Total, Quarterly Total, etc.

Text style

Set the text style for the total name and value.

Auxiliary Display

In the Auxiliary Display section under the Style tab, set the metric filtering display.image

Configuration item

Description

Enable metric filtering display

Set whether to enable metric filtering display. After enabling, you can configure the default selected fields in the filter.

Configure Chart Analysis

Configuration item

Configuration content

Description

Data exchange

Focus

When you need to view data for a specific category only, you can click the sector area of that category to view only the data distribution for that category. After viewing, click the blank area in the center of the chart or the button next to the title to cancel the focus.111

Filter Interaction

If the data that you want to analyze belongs to different charts or tables, you can configure this feature to associate the charts and tables, and then analyze the data. For more information, see Filter Interaction.

Hyperlink

If the data that you want to analyze belongs to different dashboards, you can configure this feature to associate the dashboards, and then analyze the data. Hyperlinks include three methods: Product Internal Jump, Page Internal Component, and External Link. For more information, see Hyperlink.

What to do next

  • When others need to view the dashboard, you can share the dashboard with specific people. For more information, see Share a Dashboard.

  • When you need to create complex dashboards with navigation menus for specialized analysis, you can integrate the created dashboards into the BI portal. For more information, see Create a PC BI portal.