历史版本5 :弧形柱形图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

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