Extended Chart - Non-traditional Column Chart

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

    1. Version

    DesignerExtended Chart Plugin Version
    10.0V4.3


    2. Application scenarios

    A new subtype is added to the Column in version 4.3 of the Extended Chart plugin: Non-traditional Column Chart.

    Users can use this chart to customize the shape of a column chart. It is a variant of a column chart. Compared with ordinary column chart, it is more artistic and suitable for big screen display. The effect is shown below:

    1.png

    3. Function introduction

    • Built-in 5 shapes, not support custom image.

    • Data settings do not support multiple categories and data filtering.

    • Interaction attributes do not support toolbars.

    • Interaction attributes allow the axis to be flipped to a column chart effect.

    • Supports chart linkage and component refresh. For details, or 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

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

    2.png

    II. Chart attributes

    1. Data

    Except that it does not support multiple categories and data filtering, it is consistent with the column chart, as shown below:

    3.png


    2. Style

    Custom shapes can be set under Style > Graphics > Shape. There are 5 built-in shapes: Triangle, 3D Triangle, Curve, 3D Curve and 3D Column.

    4.png

    The effect of each shape is as follows:

    • Triangle

    5.png

    • 3D Triangle

    6.png

    • Curve

    7.png

    • 3D Curve

    8.png

    • 3D Column

    9.png


    3. Special effect

    After Reversal is enabled under the Interaction Attribute, the column chart effect can be changed.

    10.png

    The effect is as shown below:

    11.png

    III. Example

    1. Data preparation

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

    12.png


    2. Insert the chart

    Merge a region cell and insert an non-traditional column chart, as shown below:

    13.png


    3. Bind the data

    Bind chart data, as shown below:

    14.png

    Note: The category and series name are set in order to make each column color is different.


    4. Set the style

    Set the shape to 3D Column and the Series Interval to -100, as shown below:

    15.png


    5. Preview effect

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

    16.png

    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\Non-traditional_Column_Chart.cpt

    Click to download: Non-traditional_Column_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