Successfully!

Error!

Extended Chart - Non-traditional Column Chart

  • Last update:  2021-09-17
  • 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

    Doc Feedback