Multi-Series Percentage Stacked Bar Chart

  • Last update:January 16, 2024
  • Overview

    Expected Effect

    The manufacturing industry has different production lines, and each production line has different workshops that produce products of varying quality levels. A multi-series stacked percentage column chart can be used when you want to classify products of different quality levels based on production lines and workshops under the production line, to assess the production status of different production lines and workshops.

    13.png

    Implementation Method

    Exchange fields of the horizontal and vertical axes of the partitioned column chart, and enable stacking.

     

    Example Data

    You can download the example data.Data Demo.xlsx

    The example data contains five fields: Chamber Number, ENO2, System Updated Time, Value, and Level.


    Method One: Using a Calculation Indicator

    Data Uploading

    1. Log in to the system as the admin, click My Analysis, select a folder, and click New Subject, as shown in the following figure.

    1.png

    2. Click Local Excel and click Upload Data, as shown in the following figure.

    2.png

    3. Click OK after the data is uploaded.

     3.png

    Component Creation

    Click Component in the lower left corner.

     4.png

    Chart Generation

    Adding a Calculation Indicator

    Click the icon   and select Add Calculation Indicator from the drop-down list to add a calculation field named Calculation Indicator with a value of SUM_AGG(Value)/TOTAL(SUM_AGG(Value),1,"sum").

    iconNote:

    The Value field must be added by clicking the field on the left column and will be invalid if the field is manually entered.

    5.jpg

    Formula details are shown in the following table.

    FormulaDescriptionNote
    SUM_AGG(Value)Return the sum of Value based on the dimension field. 

    SUM_AGG

    TOTAL

    TOTAL(SUM_AGG(Value),1,"sum")

    Perform cross-row summary calculation of

    Value based on the dimension field.


    Creating a Partitioned Column Chart

    Click the Partitioned Column Chart icon in Chart Type, and drag the ENO2 and Chamber Number fields into the Horizontal Axis and the Calculation Indicator field into the Vertical Axis respectively.

     6.png

    Creating a Percentage Stacked Bar Chart

    Click the icon  of the Calculation Indicator field and select Value Format from the drop-down list to set the format to Percentage, as shown in the following figure.

    7.png

    Exchange fields of horizontal and vertical axes.

    8.png

    Click the icon  of the Calculation Indicator field and select Enable Stacking from the drop-down list.

    9.png

    Drag the Level field into the Color bar. In this way, the values of each workshop are displayed according to the quality level, with different colors for different levels.

     10.png

    Chart Beautifying

    Label Setting

    Drag the Calculation Indicator field into the Label bar, click the icon , and set the Label Location to Center.

    11.png

    Color Setting

    Click the icon  and select Bright from the drop-down list of Scheme.

     12.png

    Effect Display

    Create a dashboard and add the component to the dashboard.

    On PC Terminals

     13.png

    On Mobile Terminals

    The following figure shows the preview effect on the DataAnalyst and on HTML5 apps.

     14.png

    Method Two: Using a Self-Service Dataset

    Data Uploading

    Copy the Data Demo table, rename it Percent, and then click the Edit button.

    15.png

    Select all fields.

    16.png

    Click the icon  and select Group Summary from the drop-down list.

    17.png

    Click Summary Column, set the name to All Values, click Select Group Field to add the ENO2 and Chamber Number fields, and click OK.

    18.png

    Click Formula Column, set the Name of Added Formula Column to Proportion, enter the function Value/All Values, and click OK, as shown in the following figure.

    19.png

    Click Save and Update.

    20.png

    Component Creation

    Click Component in the lower left corner.

    21.png

    Chart Generation

    Switch the data table to Percent. Click the Partitioned Column Chart icon in Chart Type, and drag the ENO2 and Chamber Number fields into the Horizontal Axis and the Proportion field into the Vertical Axis respectively.

    22.png

    Click the icon  of Proportion, select Value Format from the drop-down list, and set the format to Percentage.

    23.png

    Exchange fields of horizontal and vertical axes.

    24.png

    Click the icon  of the Proportion field and select Enable Stacking from the drop-down list.

    25.png

    Drag the Level field into the Color bar.

    26.png

    Chart Beautifying

    Label Setting

    Drag the Proportion field into the Label bar, click the icon , and set the Label Location to Center.

    27.png

    Color Setting

    Click the icon   and select Bright from the drop-down list of Scheme.

    28.png

    Effect Display

    For details, see the above Effect Display section.


    附件列表


    主题: Visual Components
    Previous
    Next
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy