A pie chart is used to analyze the proportion of data. For example, you can use a pie chart to obtain the proportion of each portion of a category. This topic describes how to add data to a pie chart and configure the style of a pie chart.
Prerequisites
A dashboard is created. For more information, see Create a dashboard.
Overview
Scenario
In most cases, a pie chart is used to display the distribution of dimension values based on the proportion of metrics. Data can be expressed using various methods such as data highlights and data magnification.
Benefits
Easy-to-use interactive operations: A pie chart lets you switch between metrics and configure filters.
Visual effects include pie and donut charts, custom label display, and more.
Annotation capability: You can configure notes and endnotes for items such as metrics and add hyperlinks to external systems to perform operations.
Sample rendering
Chart Field Configuration
On the Fields tab, select the dimension and measure fields that you require.
In the Dimensions list, double-click or drag Area to the Sector Label/Dimension area.
In the Measures list, double-click or drag Shipping Cost, Unit Price, and Order Amount to the Sector Angle/Measure area.
Click Update.
The updated chart appears as follows.
Auto-refresh.
If you enable this option, the system automatically refreshes the chart data. For example, if you select this option and set the duration to 5 minutes, the system automatically refreshes the chart data every 5 minutes.
Chart Style Configuration
On the Chart Design tab, on the Data sub-tab, batch set the chart field format.
For more information about chart data configuration, see Configure chart fields.
This section describes chart style configurations. For general chart style configurations, see Configure the chart title.
In the Search box at the top of the configuration area, you can enter keywords to quickly find and configure configuration items. Click the 
icon on the right to Expand/Collapse All Categories.
Sector Area
In the Sector area, you can configure the following content.
Configuration item name | Configuration item example |
Visual style switch | Select from two options: Pie or Ring.
Note Ring supports custom ring width. |
Color scheme settings | Set the color scheme for the pie chart.
|
Radius ratio | Set the radius ratio of the pie chart.
|
Merge data into others | When you select Pooled Data As Other and configure the number of sectors to 3, the data label for the fourth sector is displayed as Other. Hover your mouse over the Others sector of the pie chart to view the merged content.
|
Block name: Customize the name of the merged block, such as: | |
Block color: Configure the color for the merged block. |
Legend
In Legend, click the 
icon to enable the chart legend and set its style.
PC configuration
Chart configuration item
Configuration item description
Position
Set the display position and alignment for the PC legend.
If you select Top or Bottom for the display position, choose left, center, or right alignment.
If you select Left or Right for the display position, choose top, center, or bottom alignment. You can also set the distance between the legend and the chart data content.
Text
Set the text style for the PC legend. Configure font color, size, weight, and italics.
Display label content
Click the
icon to display data contentContent
Set the data content displayed within the label. Choose Measure or Proportion.
Spacing from main legend
Set the spacing between the label and the main legend.
Text style
If you select a measure for the content, set the format for the numerical text of the measure data. If you select proportion for the content, set the format for the text of the proportion data.
Proportion decimal places
If you select to display Proportion data in Content, adjust the number of decimal places for the proportion as needed.
Mobile configuration
Chart configuration item
Configuration item description
Position
Set the display position and alignment for the mobile legend.
If you select Top or Bottom for the display position, choose left, center, or right alignment.
If you select Left or Right for the display position, choose top, center, or bottom alignment. You can also set the distance between the legend and the chart content.
NoteIf you select Top for the position, enable sub-labels for the legend. Custom alignment is not supported after enabling.
Text
Set the text style for measure names in the mobile legend. Configure font color, size, weight, and italics.
Display label content
If you select Top for Position, click the
icon to enable sub-labels for the legendContent
Set the data content displayed in the legend sub-labels. Choose proportion.
Style
Set the layout for legend sub-label text. Choose from the following options:
Multi-line equal distribution: Labels are automatically arranged with equal distribution based on the number of columns entered in Max items per row and the number of rows entered in Max items per page.
Single-line tile: All content of a tag is displayed on a single line.
Plain text: Only text content displays without icons. The text color follows the line color of the corresponding measure in the chart.
Proportion position
If you select to display Proportion data in Content and choose Multi-line equal distribution or Single-line tile for Style, set the display position for the proportion data. Choose Below or To the right of the value label.
Text style
If you select Multi-line equal distribution or Single-line tile for Style, further set the style for Value text.
If you select to display Proportion data in the content, set the format for the proportion data text. This distinguishes it from Value label content and enhances visual differences between different data types.
Proportion decimal places
If you select to display Proportion data in Content, adjust the number of decimal places for the proportion as needed.
Data Labels
In Data labels, you can set whether to display data labels and their styles.
Chart configuration item | Configuration item description |
Full display | Set whether to fully display data labels. |
Content | Set the data label display content. Choose dimension, measure, and percentage. |
Position | Set the label display position. |
Text | Set the label text style. |
Tooltip
In Tooltip, click the icon to enable the tooltip and set its style.
Chart configuration item | Configuration item description |
Content | Set the tooltip content. Choose whether to display proportion information. |
Background color | Set the background fill color for the tooltip box. |
Text | Set the text style for the tooltip box. Configure font color, size, weight, and italics. |
Mobile tooltip | The tooltip switches for PC and mobile are independent. Use the PC/Mobile switch button (
|
) at the top of the dashboard editing page to enter the mobile editing view and edit the mobile tooltip. Font size can be set separately for PC and mobile, while other styles are uniformly configured.
Total
In Total, you can set whether to display total content.
Chart configuration item | Configuration item description |
Custom name | Customize the name of the total. |
Text style | Set the style for the text name and text value. |
Series Settings
In Series settings, you can set the series style.
You can set the alias and numeric display format in Series Settings only when Color Legend/Dimension is enabled.
Chart configuration item | Configuration item description |
Select series | Select a dimension or measure item as needed. |
Alias | Set an alias for the series name. |
Auxiliary Settings
In Auxiliary display, you can set metric filtering display and the thumbnail axis.
Chart configuration item | Configuration item description |
Enable metric filtering display | Set whether to enable. After enabling, set the default selected metric field. |
Chart Analysis Configuration
Configuration item | Name | Description |
Data interaction | Drilling | If you have configured drilling fields in the fields panel, set the drilling level row display style here. |
Filter Interaction | When your data is spread across multiple charts, you can use filter interaction to link multiple charts and perform interactive data analytics. For more information, see Filter Interaction Settings and Visualization. | |
Go To | If the data you need to analyze exists in multiple dashboards, use dashboard hyperlinks to link multiple dashboards for data analysis. Hyperlinks include two methods: Parameter jump and External link. For specific settings, see Configure and display hyperlinks. | |
Annotate | You can use icons, background color, and highlight colors for dimension values to annotate specific parts of a chart. For more information, see annotate. | |
Delete Chart
To delete a chart, follow the instructions in the figure below.
What to do next
You can share a dashboard with specific users if they want to view the dashboard. For more information, see Share a dashboard.
To create a complex dashboard with a navigation menu for thematic analysis, integrate the dashboard into a BI portal. For more information, see Create a PC BI portal.