特殊图形柱形图

  • Last update:  2022-03-30
  • 1. 概述

    1.1 版本

    报表服务器版本
    扩展图表插件版本
    10.0
    V4.3

    1.2 应用场景

    扩展图表插件 4.3 版本柱形图类新增一种图表类型:特殊图形柱形图。

    用户可以使用该图表自定义柱形图的图形形状,它是柱形图的一种变种表现形式,相较于普通柱形图而言,更具备艺术表现力,适用于大屏场景展示。效果如下图所示:

    Snag_4ce6580a.png

    1.3 功能介绍

    • 内置了 5 种图形形状,暂不支持自定义图片。

    • 数据设置不支持多分类和数据筛选。

    • 交互属性不支持工具栏。

    • 交互属性支持坐标轴翻转,变成条形图效果。

    • 支持图表联动和组件刷新,详细介绍参见文档:扩展图表组件刷新

    1.4 插件安装

    点击下载插件:扩展图表插件

    设计器插件安装方法参见:设计器插件管理

    服务器安装插件方法参见:服务器插件管理

    1.5 图表入口

    图表类型的扩展图表-柱形图类下新增特殊图形柱形图,可选择插入到报表中。

    Snag_47ba26ff.png

    2. 图表属性

    2.1 数据

    除了不支持多分类和数据筛选外,其他跟柱形图一致,如下图所:

    Snag_47bd23d4.png

    2.2 样式

    自定义形状可在样式>图形>形状下设置,内置了 5 种形状,分别为:三角、三维三角、弦图、三维弦图、三维柱形。

    Snag_47c0c6fb.png

    每种形状的效果如下所示:

    • 三角

    1.png

    • 三维三角

    Snag_475c3476.png

    • 弦图

    2.png

    • 三维弦图

    3.png

    • 三维柱形

    4.png

    2.3 特效

    交互属性下开启坐标轴翻转后,可以变为条形图效果。

    Snag_47cabb04.png

    效果如下图所示:
    Snag_4c7a6a66.png

    3. 示例

    3.1 准备数据

    新建普通报表,新建内置数据集,数据设置如下图所示:

    Snag_47cd4fd8.png

    3.2 插入图表

    合并一片区域单元格,插入特殊图形柱形图,如下图所示:

    1606707543907299.png

    3.3 绑定数据

    绑定图表数据,具体操作如下图所示:

    Snag_4cea0003.png

    注:设置分类和系列名都是国家是为了让每个柱子的颜色都不一样。

    3.4 设置样式

    将柱形的形状设置为三维柱形,系列间隔设置为-100,操作如下图所示:

    Snag_4c7e2452.png

    3.5 效果预览

    保存报表,点击分页预览,效果如下图所示:

    Snag_4ce6580a.png

    注:扩展图表不支持移动端。

    4. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\chart\extend\特殊图形柱形图.cpt

    点击下载模板:特殊图形柱形图.cpt

    Attachment List


    Theme: 图表应用
    Already the First
    • 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