Column Chart-Line Chart

  • Last update:December 18, 2020
  • I. General

    1)  The Combination Chart can display more than one types of charts at the same time, and has four types: Column-Line Chart, Column-Area Chart, Stack Column-Line Chart and Custom. The Custom Combination Chart can freely combine 15 charts such as Column Chart, Line Chart, Area Chart, Pie Chart and Gauge.

    2) The Combination Chart is applicable to scenarios where multiple types of data in more than one dataset need to be compared simultaneously, showing the differences between different data, and  comparing the proportion of each category.

    3) A Combination Chart greatly increases the freedom in chart design, so you can freely choose a suitable combination of charts according to your needs, and combine the advantages of all these charts.

    4) Please read: Chart Data, Chart Style, Chart Special Effects

    You will learn
    • Steps

      • Prepare data

      • Insert Chart

      • Bind Data

      • Set Style 

      • Preview Effect

    II. Steps

    1. Prepare Data

    1) Create new Normal Report and new datasets ds1 and ds2.

    2) Use the default data to connect FRDemoEN.

    3) Input the following data query statement ds1:

    SELECT Product_name, Order_quantity, Re_order_quantity FROM Product
    WHERE CategoryID=1

    1.png

    4) Input the following data query statement ds2:

    SELECT Product_name, Inventory_quantity FROM Product
    WHERE CategoryID=1

    2.png


    2. Insert chart

    1) Taking the Custom-Line Chart as an example, this article introduces steps to create a Combination Chart which can be inserted as follows:

    • Select [Combination Chart] on the left pane of [Chart Type] interface.

    • Select the [Custom] on the right pane.

    • Click [OK] to complete the insertion of [Custom].

    2) Double click the chart to enter the [Type] setting interface, and check the Type that you want to display. Here the Bar Chart and Line Chart are checked by default.

    Note: The order in which they are checked determines the order in which the layers will be overlaid. The later the chart is checked, the upper the layer is. 

    3. Bind Data

    1) Bind the data of the Bar Chart:  Select the Combination Chart, and click [Cell Element] on the right-hand pane. Click [Data]-[Column] to select [Column Chart].

    • Select [Dataset data] in [Data source], [ds1] in [Dataset], and [Product_name] in [Category].

    • Select the default [Enable Field Name] for the [Series Name From]. Click 12.png to add [Field Name] including Order_quantity and Re_order_quantity. Set [Series Value] as Order quantity and Reorder quantity respectively.

    2) Bind the data of Line ChartClick [Cell Element] on the right-hand pane. Click [Data]-[Line] to select [Line Chart].

    • Select [Dataset data] in [Data source], [ds2] in [Dataset], and [Product_name] in [Category].

    • Select the default [Enable Field Name] for the [Series Name From]. Click 12.png to add [Field Name] including Inventory_quantity. Set [Series Value] as Inventory quantity.


    4. Set style

    1) Change the chart title: Double-click the Combination Chart and select [Style]>[Title] to change the settings.

    • Modify the title of the Combination Chart by setting [Text] to:  Colum-Line Chart.

    2) Create a coordinate axis: Add a Y axis so that the Column Chart and Line Chart can use different axes.

    • Click [Style].

    • Select [Axis].

    • Click 13.png on the rightmost to insert a new Y axis. You can set the newly inserted coordinate axis.

     

    3) Custom coordinate axis for Column Chart: Set the coordinate axis to be used for the Column Chart.

    • Click [Style].

    • Select [Series].

    • Select [Column] and click 12.png to add a new stack and axis condition to the Column Chart.

    • Set the stack and axis condition as shown below.

    4) Custom coordinate axis for Line Chart: Set the coordinate axis to be used for the Line Chart.

    • Click [Style].

    • Select [Series].

    • Select [Line] and click 12.png to add a new stack and axis condition to the Line Chart.

    • Set the stack and axis condition as shown below.

     


    5. Preview Effect

    Below is an example of a Combination Chart whose Style has been set. The Column Chart uses the first Y axis (left to right), and the Line Chart uses the other Y axis.

     

     


    Attachment List


    Theme: Chart
    Already the First
    Already the Last
    • 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