反馈已提交

网络繁忙

Contrast Column Chart

  • Last update:  2024-01-09
  • Overview

    Version

    FineBI VersionFunctional Change
    6.0-


    Application Scenario

    Contrast column charts are a variation of bar charts in which bars are placed back to back. They are mainly used for a comparative analysis of two indicators within the same dimension, making it easier to see the clear contrast difference. The following figure shows the comparison of voting results in major states of the U.S. during the presidential election. Red represents the Republican Party and blue represents the Democratic Party.

    10.jpg


    Basic Requirement

    Basic requirements for contrast column charts are as follows.

    Chart Effect Dimension FieldIndicator Field    
    Contrast Column Chart1
    2

    Chart Feature

    Advantage: Contrast column charts can clearly compare the data differences of different indicators in the current dimension because they are most commonly used for comparing two indicators with opposite meanings.

    Disadvantage: Contrast column charts are only suitable for data without too many dimensions.

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

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

    2.png

    You can download the example data. U.S. Election Vote Data.xlsx

    3. After the data is uploaded, click OK.

    3.jpg

    Component Creation

    1. Click Component in the lower left corner.

    4.jpg

    2. Drag the State field into the Dimension bar and the Total votes-democrat and Total votes-republican fields into the Indicator bar respectively, and click the Contrast Column Chart icon in Chart Type

    5.jpg

    iconNote:
    Drag the fields first and then select the chart type. After you click the Contrast Column Chart icon, the Dimension and Indicator bars will be changed to the Horizontal Axis and Vertical Axis.

    3. Rename the component Contrast Column Chart.

    6.jpg

    Component Beautifying

    1. Color Setting

    Drag the Indicator Name into the Color bar under All and click the icon to set the Scheme to Light for Finance, as shown in the following figure. 

    7.png

    You can set the parameters of 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.

    2. Field Setting in Analysis Area

    Click the icon 企业微信截图_17034958875941.png  of the Total votes-democrat and Total votes-republican fields respectively, select Set Value Axis from the drop-down list, select Custom, click Maximum, enter 110000000 in the pop-up box, and click OK, as shown in the following figure.

    8.jpg

    3. Value Format Modification

    Click the icon 企业微信截图_17034958875941.png  of the Total votes-democrat and Total votes-republican fields respectively, select Value Format from the drop-down list, select Million in the Quantity Unit, and click OK, as shown in the following figure.

    9.jpg

    At the same time, you can set the Summary Mode, Quick Calculation, Value Format, Special Display, and Analysis Line for the chart.

    Effect Display

    On PC

    10.jpg

    On Mobile Terminals

     11.jpg


    Notes

    Displaying Two Indicator Fields Separately

    Description

    Two indicator fields are dragged into the horizontal axis and one dimension field is dragged into the vertical axis. The chart effect is shown in the following figure.

    12.jpg

    However, you want to display two indicator fields separately on the chart, with the final effect being two bar charts back to back.

     

    Solution

    Method One

    Click the Contrast Column Chart icon in Chart Type

    13.jpg

    Method Two

    1. Set the horizontal and vertical axes to Indicator Juxtaposition, as shown in the following figure.

    14.jpg

    2. Click the icon 企业微信截图_17034958875941.png of the first indicator field on the horizontal axis, select Set Value Axis from the drop-down list, and tick the Axis Reverse Order, as shown in the following figure.

    15.jpg




    Attachment List


    Theme: Creating a Visual Component
    • いいね
    • 良くない
    • 閲覧しただけ

    フィードバック

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭