Chart Insertion Method

  • Last update:February 20, 2025
  • Overview

    Version

    Report Server Version
    11.0

    Application Scenario

    Charts are often used to display data in FineReport. Two methods are available for you to insert a chart: inserting a chart as a cell element, and inserting a chart as a floating element.

    The chart inserted as Cell Element can be expanded to multiple charts in the expansion direction determined by the parent-child cell relationship. The chart inserted as Floating Element can be dragged to any position without the limit of cells, which is the greatest advantage of inserting a chart as a floating element.

    This document introduces the respective features of the two charts simply.

    Function Entry

    You can insert a chart by following ways:

    Click Insert on the menu bar of a general report, and insert a chart in Cell Element or Floating Element.

    Click the Cell Element icon or the Floating Element icon on the property panel, and select Insert Chart.

    Click on the upper toolbar of a general report to insert a chart into the cell.

    Drag the chart component into the canvas of FVS visualization dashboards or dashboards.

    Insert a chart as a cell element into a FVS table component or a chart block of the decision report where floating elements can not be displayed.

    iconNote:
    Floating elements can not be displayed on mobile terminals.

    Inserting A Chart as A Cell Element

    When you select Cells as Chart Data Sources, the chart can be generated automatically according to the data in the parent cell, and you do not need to create charts for each set of data. The following figure shows the expected effect where the chart is expanded according to the values in cell A2.

    iconNote: 
    For the detail example, see Entry-Level Chart Example.

    插入1.png

    Insertion Method

    Menu Bar

    Choose Insert > Cell Element > Insert Chart in the menu bar of the designer, as shown in the following figure.

     插入2.png

    Attribute Panel

    Select a cell, click Cell Element, and select Insert Chart as Insert Element, as shown in the following figure.

     插入3.png

    Toolbar

    Click on the upper toolbar of a general report to insert a chart into a cell, as shown in the following figure.

    插入4.png 

    Inserting A as A Floating Element

    The chart inserted as a floating element can be dragged to any position, which is the greatest advantage of the chart. The chart can not be expanded according to any cell and can be freely resized.

    Often in non-fixed format, the chart inserted as a floating element is suitable for the scenarios that require a high degree of chart freedom, as shown in the following figure.

     插入5.gif

    Insertion Method

    Menu Bar

    Choose Insert > Floating Element > Insert Chart on the designer menu bar, as shown in the following figure.

     插入6.png

    Attribute Panel

    Select a cell, click the Floating Element icon on the right property panel, and select Insert Chart as Add Floating Element, as shown in the following figure.

     插入7.png

    Impacts of Cell Expansion on the Chart Inserted as A Floating Element

    The cell expansion effects the position of the chart inserted as a floating element. The impacts of two expansion directions are introduced below.

    Horizontal Expansion

    1. When a cell expands horizontally, if the floating element does not occupy the column where the expanded cell is located, the position of the floating element will be affected by the expansion of the cell and the floating chart will be pushed away, as shown in the following figures.

    The following figure shows the chart position in the designer.

     插入8.png

    The following figure shows the front-end display effect.

     插入9.png

    2. When a cell expands horizontally, if the floating element occupies the column where the expanded cell is located, the position of the floating element will not be affected by the expansion of the cell, as shown in the following figures.

    The following figure shows the chart position in the designer.

     插入10.png

    The following figure shows the front-end display effect.

     插入11.png

    Vertical Expansion

    1. When a cell expands vertically, if the floating element does not occupy the series where the expanded cell is located, the position of the floating element will be affected by the expansion of the cell and the floating chart will be pushed away, as shown in the following figures.

    The following figure shows the chart position in the designer.

     换.png

    The following figure shows the front-end display effect.

     插入13.png

    2. When a cell expands vertically, if the floating element occupies the series where the expanded cell is located, the position of the floating element will not be affected by the expansion of the cell, as shown in the following figures.

    The following figure shows the chart position in the designer.

     插入14.png

    The following figure shows the front-end display effect.

     插入15.png

    iconNote: 

    Other floating elements are affected by cell expansion in the same way above.


    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