Column Chart

  • Last update:November 05, 2024
  • Overview

    Application Scenario

    Column charts can be used to display how each piece of data changes during a period and the data comparison. For example, you can compare the traffic flows at a certain intersection during different periods, display sales volumes of different months, or a company's profits in different years through column charts.

     

    Basic Requirement

    Chart Effect

    Dimension Field

    Indicator Field

    General Column Chart

    = 1

    = 1

    Chart Feature

    Advantage: Column charts can clearly display the quantities to help you compare the differences in the data.

    Disadvantage: Column charts are unsuitable for large datasets.

    Procedure

    Data Preparation

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

     

    2. Choose Current Project > Public Data, search for Sales Table, and click OK.

    Component Creation

    1. Click Component in the lower left corner.

     

    2. Click the Custom Chart icon in Chart Type, and select Column Chart from the drop-down list in Graphic Property. Drag the City field into Horizontal Axis and the Sales field into Vertical Axis.

     

    Chart Beautifying

    Setting the Color

    Click the Color column and set the color of the column chart, as shown in the following figure.

    iconNote:
    Columns can be displayed in different colors based on different cities after you drag the City field into the Color column.

    Setting the Label

    Drag the Sales field into the Label column. Then each column displays the sales value of each city.

     

    Sort Based on the Sales Field

    Hover the cursor over the City field in Horizontal Axis, and choose the drop-down icon > Descend > Sales to set the display of columns in descending order based on sales volumes.

     

    Effect Display

    On PC

    The following figure shows the preview effect on PC.

     

    On Mobile Terminals

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

     

    Adjustment of Column Spacing

    This section provides a method for adjusting the column spacing in a general column chart.

    Adjust the column width and the spacing of mouse interaction category labels.

     普通柱状图.gif

     


    附件列表


    主题: 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