Extended Chart - Carousel Pie Chart

  • Last update:September 23, 2021
  • I. Overview

    1. Version

    DesignerExtended Chart Plugin
    10.04.5


    2. Application scenarios

    A new subtype is added to the Pie Chart in version 4.5 of the Extended Chart plugin: Carousel Pie Chart.

    This chart is suitable for big screen scenarios. Based on the original pie chart display form, the corresponding prompt information of each sector is rotated according to the order of sectors, and the effect is as shown in the figure below:

    1.gif


    3. Function introduction

    • Both cell data and dataset data are supported.

    • Supports periodic refresh and rotation linkage, which can be linked to cells or suspended elements.

    • Supports chart linkage and component refresh. For details, see Chart Manual Refresh.


    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

    Expanded Chart - Pie Chart type is added to this category, which contains Carousel Pie Chart and can be inserted into a report.

    2.png


    II. Chart attributes

    1. Graghics

    You can adjust the proportion of the Radius and Inner Radius of a pie chart.

    • Radius default Auto, and can self-adaptive display; when the radius is customized, the unit is px, and it is displayed as a fixed pixel, not self-adaptive.

    • Inner Radius refers to the ratio of the inner radius to the outside radius and ranges from 1 to 100%. The base pie chart with the inner radius of 0 is not supported.


    3.png



    2. Tooltip

    Tooltip follows graphics dynamic rotation, but only support built-in fields, can not be customized.

    4.png

    The position of the tooltip can be displayed inside or outside the pie chart, and the respective effects are as follows:

    • Inside the pie chart

    5.png

    • Outside the pie chart

    6.png


    III. Example

    1. Data preparation

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

    7.png



    2. Insert the chart

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

    8.png



    3. Bind the data

    Bind the fields in the dataset, as shown below:

    9.png



    4. Design the style

    1) Add a title to the chart, as shown below:

    10.png

    2) Adjust the Inner Radius of the pie chart to 70%, as shown below:

    11.png

    3) Only check the Percentage and Series Name, and select the Location in the pie chart, as shown below:

    12.png



    5. Preview effect

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

    13.gif


    Note: The mobile terminal is not suppoerted.

    IV. Download template

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

    Click to download: Carousel_Pie_Chart.cpt

    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