弧形柱形图

  • 文档创建者:jiangsr
  • 编辑次数:5次
  • 最近更新:Leo.Tsai 于 2020-04-16
  • 1. 概述

    1.1 应用场景

    弧形柱形图属于柱形图的一种形式变换,本质上乃是柱形图由笛卡尔坐标系转化为极坐标之后的产物。 

    图表效果如下图所示: 

    Snag_13e798a.png

    1.2 功能介绍

    • 可自定义图形的颜色和样式。

    • 不支持设置动态播放。

    1.3 插件安装

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

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

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

    2. 示例

    2.1 数据准备

    新建普通报表,添加数据集 ds1,数据库查询语句为:SELECT * FROM 销量

    Snag_14794e6.png

    2.2 插入图表

    1)合并一片区域单元格,右键选择单元格元素>插入图表>扩展图表-柱形图类,选中弧形柱形图,点击确定,如下图所示:

    Snag_14ae818.png

    2.3 绑定数据

    如下图所示步骤绑定弧形柱形图的数据。

    image.png

    默认排序方式为顺序,即数据按照由大到小的顺序排序。

    注1:此图表推荐使用 Chrome 浏览器和高配置电脑预览。

    注2:当值有负值时,绘制图形和排序时,按照数据的绝对值处理。例如数据都为负值时,数据中最小值即对应为弧度最长的柱子。

    2.4 样式设置

    样式设置包括标题、坐标轴、背景、图形、标签、提示,与普通柱形图的样式设置类似。

    2.4.1标题

    image.png

    标题介绍参见文档:图表标题

    2.4.2 标签

    image.png

    标签介绍参见文档:图表标签

    2.4.3 图形

    image.png

    图形分为颜色和样式两部分设置。

    1)颜色

    • 风格:表示柱形图采用哪种配色风格,包括:默认(不渐变),自动渐变,自定义渐变三种方式。

    • 配色:是默认和自动渐变可使用的。

    自定义渐变则需要手动调整渐变颜色,如下图所示:

    image.png

    2)样式

    • 分类间隔:是指两个相邻柱形图之间的间隔

    • 内径占比:为内圆半径和外圆半径的比值

    这2个设置项对应的实际效果,如下图所示:

    image.png

    2.4.4 值轴

    image.png

    值轴:值轴标签自动时,为了显示效果的最优,最大的柱子对应的弧度为270度;自定义最大值时,最大值柱子对应的弧度为 360 度。  

    2.4.5 背景 

    image.png

    可设置背景的填充颜色,以及不透明度,不透明度值越小背景越透明。

    2.4.6 提示

    image.png

    提示介绍参见文档:图表提示

    2.5 预览效果

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

    Snag_13e798a.png

    注:不支持移动端。

    3. 模板下载

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

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

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!