Successfully!

Error!

Extended Chart - Carousel Bar Chart

  • Last update:  2021-09-23
  • 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
    • Helpful
    • Not helpful
    • Only read

    Doc Feedback