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

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    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