Chart Insertion Method

Version

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.

Note:

Floating elements can not be displayed on mobile terminals.

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.

Note: 

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

Insertion Method

Menu Bar

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

Attribute Panel

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

Toolbar

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

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.

Insertion Method

Menu Bar

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

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.

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.

The following figure shows the front-end display effect.

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.

The following figure shows the front-end display effect.

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.

The following figure shows the front-end display effect.

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.

The following figure shows the front-end display effect.

Note: 

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