1.版本编辑
设计器版本 | 象形柱图插件版本 |
---|---|
9.0 | v1.0.0 |
2.描述编辑
在一般的商业报表中,单调的图标不能形象的表达数据。象形柱图是可以设置各种具象图形元素的柱状图来生动形象的表达数据,使用象形柱图插件效果如下:
复合柱图:首图启用小图标+虚线化柱形图,效果如下:
复合柱图:启用含水量+虚线化柱图+启用图表柱图+翻转Y轴 (并设置图标宽高为20),效果如下:
复合柱图:虚线化柱图+首图复用为柱图+首图复用小图标,效果如下:
3.插件安装编辑
4.功能概述编辑
将象形柱图控件拖入到报表中,选中象形柱图控件,可以设置相应的配置
1)准备数据,添加内置数据集,内容如下:
2)数据配置
选择内置数据集,选择相应的分类、系列名和值
4.2 样式面板配置
小图标高:输入为数字,可控制小图标高度,未输入宽度时,小图标高宽皆为此选项内容;
1)基础设置
a. 标题样式设置
b. 其他配置(注:当启用含水量时,下方设置小图标的颜色会变为设置含水量的颜色。)
c. 柱图标签设置
该面板中所有字体大小文本框输入皆为数字,数字越大则字体越大,若输入其他内容,可能会导致图片不显示;
当柱图中有图片柱图时,此配置中的实体柱宽将不起作用;
含水量设置适用于普通柱图及svg图构成的柱图,含水量最大值为数据中最大值;
其中柱图标签可选显示,若不勾选,则柱图上不显示文本标签。
2)XY轴设置
a. XY轴线样式设置
注:X、Y轴可选显示,若不勾选,则柱图上不显示X轴或者Y轴,XY轴可分开设置样式及是否显示。
3)设置图片
a. 图片选项
① 设置图片柱宽:输入为数字,当柱图由图片构成时,可控制图片宽度;
② 首图复用为柱图:该选项勾选时,第一个柱图图片将会被使用生成统计图中所有柱形图;
③ 首图复用小图标:该选项勾选时,第一个柱图小图片会被使用生成统计图中所有柱形图上方显示的小图标;
④ 启用图标柱图:该选项勾选时,小图标将不展示,每个柱图将会由重复的柱图图片组成,大小可由图片对应的“小图标高”,“小图标宽”控制,在文本框填入数字即可。若此
时“设置图片柱宽”中有值,两者将会互相影响图片大小;
⑤ 反转Y轴:该选项勾选时,XY轴将会倒置。
注:反转Y轴和启用图标柱图时被勾选时,小图标将不显示。
b. 设置图片
① 点击“添加图片”按钮则会弹出如下图所示对话框,可以选择自己本地的图片文件(*.jpg, *.jpeg, *.gif, *.png, *.svg)或者插件中内置的svg图片;当选择的图片为svg格式时,可以
通过“基本设置”中的“设置柱图颜色”,“设置小图标颜色”来控制显示的颜色,其他格式则不能调整颜色设置:
② 勾选“使用默认SVG时”,对话框变为如下图所示,此时可选择列表中对应的svg图片,选中会会有选中框如下图所示:
点击确定即可。
③ 选中上传图片完成后图片区域如下图所示:
左边的图片为柱图图片,右边的图片为小图标图片,点击图片本身可以修改为其他图片,点击“删除”按钮则删除按钮上方图片,若删除的为柱图图片,则柱图显示将会用普通柱图
显示柱,若删除的为小图标图片,柱图不不显示小图标;有小图标图片时,小图标可由对应选项配置:
小图标高:输入为数字,可控制小图标高度,未输入宽度时,小图标高宽皆为此选项内容;
小图标宽:输入为数字,可控制小图标宽度,未输入高度时,小图标高宽皆为此选项内容;
小图标位位移:输入为数字,可控制小图标距离下方柱图的距离,数字越大则距离越大;
上传的图片将会按顺序显示在图片区域中,柱图中使用图片也会按照此顺序显示,柱图图片为空的时就会使用普通柱图提代,此情况下柱图可以使用虚线化,暂不支持图片顺序调整。
当图片为svg格式时,尽量选择简单的没有区块颜色的图片,否则可能会出现上传后图片显示不正确的情况。
5.保存预览编辑
点击预览,效果如上图一。
已完成模板,可参见:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\frm\象形柱图.frm。