Area Chart - Line Chart

  • Last update:November 18, 2024
  • Overview

    Version

    FineBI VersionFunctional Change
    6.0-

    Application Scenario

    After area charts and line charts, two common types of charts are combined, the system can display not only the accumulation effect and changing trend of data amount by area charts, but also the changing trend of data by line charts.

    For example, you can combine area charts and line charts to compare the planned and actual production costs for more easily checking whether the cost consumption is abnormal, as shown in the following figure.

    改的PC展示.png

    Implementation Method

    When you drag multiple indicator fields into the vertical axis in Custom Chart, the chart type can be set separately for each indicator. You can set the shape to Area for one indicator field and Line for the other, as shown in the following figure.

    iconNote:

    1. The graphic properties set in All apply to all indicators, while those set for an individual indicator only apply to that indicator.

    2. For details about graphic property setting, see Graphic Property

    image 16.png

    Basic Requirement

    Chart EffectDimension FieldIndicator Field
    Area Chart - Line Chart12

    Chart Feature

    1. Advantage

    • Rich information: Data specified by different indicators can be displayed together to provide decision-makers with more insights.

    • Space-saving: More report space is freed up to display other data.

    2. Disadvantage

    • Data congestion: Too much data specified by multiple indicators in a combination chart makes the chart too congested.

    • Information redundancy: The more the indicators are, the less able the decision-makers are to grasp the main information conveyed by the data.

    Procedure

    Data Preparation

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

    image 1.png

    Click Local Excel, and click Upload Data to upload the sample data, as shown in the following figure.

    Sample data:Production Cost.xlsx

    image 17.png

    After the data is uploaded, click OK, as shown in the following figure.

    image 2.png

    Click Save and Update to complete the data preparation, as shown in the following figure.

    image 3.png

    Component Creation

    Click Component in the lower left corner.

    Select Custom Chart in Chart Type.

    Drag Year-Month from the left to-be-analyzed area to the horizontal axis of the analysis area, and drag Planned Production Cost and Actual Production Cost to the vertical axis, as shown in the following figure.

    image 4.png

    Choose Graphic Property > Planned Production Cost, and set the shape to Area, as shown in the following figure.

    image 5.png

    Choose Graphic Property > Actual Production Cost, and set the shape to Line, as shown in the following figure.

    image 6.png

    Component Beautification

    Style Adjustment

    Click the setting icon next to Connection under Graphic Property > Planned Production Cost, and set Style to Curve, as shown in the following figure.

    image 7.png

    Similarly, set the Style to Curve for Actual Production Cost, as shown in the following figure.

    image 8.png

    Color Setting

    Drag Indicator Name from the left to-be-analyzed area into the Color bar under Graphic Property > All. Different indicators will be displayed in different colors, as shown in the following figure.

    image 9.png

    Dashboard Creation

    Click the Add Dashboard button at the bottom of the editing page in the analysis subject.

    Drag the component into the dashboard on the dashboard editing page, as shown in the following figure.

    image 10.png

    Select Edit Title from the drop-down list, set Font Style to Custom, set the title to Area Chart -Line Chart, and click OK, as shown in the following figure.

    改的长途.png

    Effect Display

    PC

    改的PC展示.png


    Mobile Terminal

    改的移动端.png


    附件列表


    主题: Creating a Visual Component
    Previous
    Next
    • Helpful
    • Not helpful
    • Only read

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

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

    不再提示

    9s后關閉

    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