All Products
Search

This Product

    Quick BI:Pie Chart

    Document Center

    Quick BI:Pie Chart

    Last Updated:Jun 03, 2026

    Pie charts display how each category contributes to a total. Learn how to add data and configure styles for pie charts.

    Prerequisites

    A dashboard is created.

    Overview

    • Scenario

      Displays the distribution of dimension values by metric proportion, with support for highlights and magnification.

    • Benefits

      • Interactive operations: Switch between metrics and configure filters.

      • Visualization options: Pie and donut styles with configurable labels.

      • Extended interactions: Add remarks, endnotes, or external links to metrics.

    • Example

      image

    Configure a pie chart

    1. On the Fields tab, select the required dimension and measure fields.

      • In the Dimensions list, find area, then double-click or drag it to the Labels (Dim.) area.

      • In the Measures list, find shipping_cost, unit_price, and order_amt, then double-click or drag them in sequence to the Central Angle (Mea.) area.

    2. Click Update.

      The chart updates.

      image..png

    3. Configure the Auto Refresh parameter.

      When enabled, chart data refreshes automatically at the specified interval.

      image..png

    Configure pie chart styles

    This section covers chart-specific styles. Configure the chart title area.

    Enter a keyword in the search box to find a parameter. Click image..png to Expand/Collapse All Categories.

    Color scheme settings

    Sector Area

    Configure the following Sector area parameters.

    Parameter

    Example

    Visual style

    Select Pie or Donut.

    Untitled.gif

    Note

    The Donut style supports custom width.

    Color scheme

    Set the color scheme for the pie chart.

    Untitled.gif

    Radius ratio

    Sets the radius ratio of the pie chart.

    Untitled.gif

    Merge Data into Others Category

    If you select Merge Data into Others Category and set the number of sectors to 3, data from the fourth sector onward is displayed as "Others".

    Hover over the "Others" slice to view merged content.

    image.png

    Category name: Customize the merged category name. Example: image

    Category color: Set the merged category color.image.png

    Legend

    In the Legend section, click image to show and configure the legend.

    • Desktop configuration

      image

      Parameter

      Description

      Position

      Sets the legend position and alignment on desktops.

      • When the position is set to Top or Bottom, you can select left, center, or right alignment.

      • When the position is set to Left or Right, you can select top, center, or bottom alignment and set the legend-chart distance.

      Text

      Sets the legend text style on desktops: font color, size, weight, and italic.

      Show label content

      Click the image icon to show data content.

      Content

      Sets the data label content. Options: Measure and Percentage.

      If percentage is shown, set Decimal places for percentage to 0, 1, or 2.

      Spacing from main legend

      Sets the spacing between the data label and the main legend text.

      Text style

      Sets the text format for the selected content (measure or percentage).

    • Mobile configuration

      image

      Parameter

      Description

      Position

      Sets the legend position and alignment on mobile devices.

      • When the position is set to Top or Bottom, you can select left, center, or right alignment.

      • When the position is set to Left or Right, you can select top, center, or bottom alignment. You can also set the distance between the legend and the chart content.

      Note

      When the position is set to Top, you can enable sub-labels for the legend. If enabled, custom alignment is not supported.

      Text

      Sets the text style for the measure name in the legend on mobile devices: font color, size, weight, and italic.

      Show label content

      When Position is set to Top, click the image icon to enable sub-labels for the legend.

      Content

      Only percentage is available. Set Decimal places for percentage to 0, 1, or 2.

      Style

      Sets the sub-label layout style:

      • Multi-line Evenly Spaced: Arranges labels in a grid based on Max items per row and Max rows per page.

      • Single-line Tiled: Displays all labels in a single line.

      • Plain Text: Text only, no icons. Color matches the corresponding measure.

      Percentage position

      Available when Content shows percentage and Style is Multi-line Evenly Spaced or Single-line Tiled. Options: Below or Right of the value label.

      Text style

      Sets the value text style when Style is Multi-line Evenly Spaced or Single-line Tiled.

      If percentage is shown, its text style can be formatted separately from the value label.

      Decimal places for percentage

      Sets the number of decimal places when percentage is shown.

    Data Labels

    In the Data labels section, toggle data labels and configure their styles.

    image

    Parameter

    Description

    Show all

    Shows or hides all data labels.

    Content

    Sets the data label content: dimension, measure, or percentage. If percentage is shown, set Decimal places for percentage to 0, 1, or 2.

    Position

    Sets the display position of the data labels.

    Text

    Sets the text style of the data labels.

    Tooltip

    In the Tooltip section, click image to enable and configure tooltips.

    image

    Parameter

    Description

    Content

    Sets the tooltip content. Optionally show percentage with 0, 1, or 2 decimal places.

    Background color

    Sets the background color for the tooltip.

    Text

    Sets the tooltip text style: font color, size, weight, and italic.

    Mobile tooltip

    Desktop and mobile tooltips can be toggled independently. Switch to mobile view with the PC/Mobile toggle (image) at the top of the editing page. Font size is set per device; other styles are shared.

    image

    Total

    In the Total section, toggle the total value display.

    image..png

    Parameter

    Description

    Custom name

    Customize the total display name.

    Text style

    Sets the text style for the name and the value.

    Series Settings

    In the Series Settings section, configure the series style.

    image..png

    Note

    Display name and value format in Series Settings apply only when Color Legend/Dimension is enabled.

    Parameter

    Description

    Select series

    Select a dimension or measure for your scenario.

    Display name

    Set a custom display name for the series.

    Auxiliary Display

    In the Auxiliary display section, configure the measure filter and overview axis.

    image..png

    Parameter

    Description

    Enable measure filter

    Toggle this feature. If enabled, set the default measure field.

    Chart Analysis Options

    Category

    Option

    Description

    Data interaction

    Drilling

    If drill-down fields are configured on the fields panel, set the display style for drill-down level rows.

    Filter interaction

    To analyze data across charts, click the Edit icon next to Linkage and configure the Filter Interaction dialog box. Drilling, filter interaction, and hyperlink.

    Hyperlink

    Link multiple dashboards for cross-dashboard analysis using Parameter-based Hyperlinks or External Link. Configure and view hyperlinks.

    Annotation

    Mark chart sections with icons, background colors, or highlighted measures. Label.

    Delete a pie chart

    To delete a chart, follow the steps in the figure below.

    image

    What to do next