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

目录:

1. 概述编辑

1.1 版本

报表服务器版本  扩展图表插件版本  
10.0v2.2


1.2 应用场景

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

实现效果如下图所示: 

222


2. 示例编辑

2.1 添加数据集

新建模板,添加数据集 ds1:SELECT * FROM 销量,如下图所示:

image.png


2.2 模板设置

将多行多列合并成一个单元格,选择单元格元素>插入图表>扩展图表-柱形图类,选中【弧形柱形图】,如下所示:

image.png

image.png


2.3 数据设置

设置数据,如下图所示:

image.png

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

注:此图表只适用于chrome浏览器,推荐使用高配置电脑预览

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


2.4 样式设置

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

2.4.1标题

image.png

个性化设置可参照文档:图表标题

2.4.2 标签

image.png

标签请参照:图表标签

2.4.3 图形

image.png

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

1)颜色

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

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

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

image.png

2)样式

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

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

如下图:

image.png

2.4.4 值轴

image.png

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

2.4.5 背景 

image.png

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

2.4.6 提示

image.png

图表提示可参照:图表数据点提示

2.5 预览效果

保存模板,选择分页预览,实现效果如下图所示:

image.png

3. 已完成模板编辑

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

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