Parallel Bar Chart

  • Last update:  2024-01-10
  • Overview

    Application Scenario

    Parallel bar charts, also known as partitioned bar charts, are used to display multiple bar charts in one view. Each bar has a consistent thickness for horizontal and vertical comparisons. Parallel bar charts can also be transformed into partitioned column charts.

    The following figure shows the comparison of page views, number of visits, and other indicators of an Internet product in the three-level distribution channel.

    9.png

    Basic Requirement

    Basic requirements for parallel bar charts are as follows.

    Chart Effect    Dimension FieldIndicator Field
    Column Chart>=1>=1

    Chart Feature

    Advantage: Parallel bar charts clearly compare the differences in data volume of different indicators in the same dimension.

    Disadvantage: Parallel bar charts are not suitable for large datasets.

    Example

    Data Preparation

    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.jpg

    2. Search the example data Internet Channel Statistics in the search box of Public Data, as shown in the following figure.

    2.png

    Component Creation

    1. Click Component in the lower left corner.

    3.png

    2. Click the Partitioned Column Chart icon in Chart Type, drag the Third-level channel name field into the Horizontal Axis, and the number of visits, pageviews, Bounces, and total stay time fields into the Vertical Axis.

    4.png

    3. Click the button8@7_[O4~~T@F4_K$QS~3U)1.png to exchange fields for horizontal and vertical axes to convert the graph into a bar chart.

    5.png

    4. Rename the component to Parallel Column Chart

    6.png

    Component Beautifying

    Label Setting

    Drag the number of visits, pageviews, Bounces, and total stay time fields into the Label bar of the corresponding graphic property to display the values on the chart.

    7.jpg

    Color Setting

    Drag the Indicator Name into the Color bar under All and click the icon `$O}@4RBO4]GP~SUOO}C373.pngto set the Scheme to Bright, as shown in the following figure.

    8.png

    You can set the parameters of Color, Size, Label, Prompt, and Fine-grained. For details, see Graphic Properties.

    You can also set the parameters of Legend, Grid Line, Background, Adaptation Display, and so on for the component. For details, see Chart Component Style.

    Effect Display

    The chart can be displayed on both PC and mobile terminals.

    On PC

    9.png

    On Mobile Terminals

     10.png


    附件列表


    主题: Visual Components
    • 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