Successfully!

Error!

You are viewing 10.0 help doc. More details are displayed in the latest help doc

Extended Chart - Carousel Bar Chart

I. Overview

1. Version

DesignerExtended Chart Plugin Version
10.0V4.4


2. Application scenarios

A new subtype is added to the Column in version 4.4 of the Extended Chart plugin: Carousel Bar Chart.

The chart is applicable to big screen scenarios and can be used in rotation to display indicator progress and ranking information of multiple data. The effect is shown as follows:

1.gif



3. Function introduction


4. Install the plugin

Click to download the plugin: Extended Chart

Designer plugin installation method reference: Plugin Management

Server installation plugin method reference: Server plugin management


5. Chart entry

In the Chart Type, added a Carousel Bar Chart under the Extended Chart - Column, which can be optionally inserted into the report.

2.png


II. Chart attributes

1. Data

The calculation formula of progress (percentage) displayed in the front end is: Indicator Value/Target Value, as shown in the figure below:

The target value can also be set to automatic, and its calculation logic is: the progress of the category with the maximumindicator value is 1, and the progress of other categories is the current indicator value/maximum indicator value.

The sorting rules are as follows:

  • Order: In order of progress (percentage) from largest to smallest.

  • Reverse: In order of progress (percentage) from smallest to largest.

  • Original: In the actual order of the data in the dataset.

3.png



2. Style

Styles here we only describe the settings for graphics, the other settings are the same as for general charts.

The Color, Fixed Column Width, Line Spacing and Number of data items displayed on the whole screen can be changed.

4.png



3. Special effect

You can set the Carousel Form, Carousel Interval and Refresh, as shown in the figure below:

Note: The minimum carousel interval can only be set to 4 seconds.

5.png

In the form of carousel, the effects of Carousel one by one and Full Screen Carousel are as follows:

  • Carousel one by one

6.gif

  • Full Screen Carousel

7.gif


III. Example

1. Data preparation

Create a general report and a built-in dataset. The data is as follows:

8.png



2. Insert the data

Merge a region cell and insert an carousel bar chart, as shown below:

9.png



3. Bind the data

Bind the fields in the dataset, the Sort is Order by default, as shown below:

10.png



4. Set the label

Label check Serial Number, Category Name and Schedule, as shown below:

11.png



5. Preview effect

Save the report, and click the "Pagination Preview", the effect is shown as follows:

12.gif


Note: The mobile terminal is not supported.

IV. Download template

Please refer to the completed template: %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc-EN\Primary\Chart\Carousel_Bart_Chart.cpt

Click to download: Carousel_Bar_Chart.cpt


Attachment List


Theme: Chart
Already the First
Already the Last
  • Helpful
  • Not helpful
  • Only read

Doc Feedback