Vertical Area Chart and Curved Area Chart

  • Last update:January 06, 2025
  • Overview

    Application Scenario

    How to modify the settings to realize the effect shown in the following figure when you need to change the line type of the area chart to the vertical line or the curved line?

    Vertical Area Chart

    垂直和曲线1.png 

    Curved Area Chart

     垂直和曲线2.png

    Implementation Method

    Choose Style > Series, and set Display to Vertical as shown in the following figure.

     垂直和曲线3.png

    Example

    Data Preparation

    Create a general report, and add the built-in dataset Embedded1 which records the learning time during a week, as shown in the following figure.

     垂直和曲线4.png

    Chart Insertion

    1. Merge required cells, and choose Insert > Cell Element > Insert Chart on the menu bar of the designer, as shown in the following figure.

     垂直和曲线5.png

    2. Select Area Chart in the Chart Type pop-up dialog box, and click OK, as shown in the following figure.

     垂直和曲线6.png

    Chart Data Binding

    Select the area chart, and select Data on the right chart attribute setting panel, as shown in the following figure.

    垂直和曲线7.png 

    Chart Style Setting

    1. Choose Style > Title, and set the title in Text, as shown in the following figure.

     垂直和曲线8.png

    iconNote: 
    Set the title of the curved area chart to the curved area chart in the same way.

    2. Choose Style > Series > Line > Display, and select Vertical, as shown in the following figure.

     垂直和曲线9.png

     3. Select Curve for the curved chart, as shown in the following figure.

     垂直和曲线10.png

    Effect Display

    PC

    Save the template, and click Pagination Preview. The following figure shows the effect.

    Vertical Area Chart

     垂直和曲线1.png

    Curved Area Chart

     垂直和曲线2.png

    Mobile Terminal

    Vertical Area Chart

     垂直和曲线11.jpg

    Curved Area Chart

    垂直和曲线12.jpg 

    Template Download

    For details, you can download the templates

    For details, you can click to download the template Vertical Area Chart.cpt

    For details, you can click to download the template Curved Area Chart.cpt


    Attachment List


    Theme: Chart
    • 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