1. 概述编辑
1.1 版本
报表服务器版本 | 功能变动 |
---|---|
11.0 | - |
11.0.3 | 新增:多分类轴新增「显示逻辑」设置项,支持不同分类轴分别设置轴标签的显示效果。详情请参见 1.3 节 |
1.2 应用场景
为提高实用性,柱形图,条形图,折线图,面积图和组合图中内置的三种组合类型支持添加多个分类轴,最多支持三层分类。
1)在图表属性中,选择「数据」,点击「分类」后面的 添加分类,最多可设置三个分类。
2)分类展示的顺序:第一层添加的分类对应显示时最靠近图形的底层分类数据,越往下则为对应的父层级数据。
3)每个层级的分类顺序会和数据集中该分类的顺序保持一致。
如下图所示:
4)11.0.3 版本及之后的设计器中,分类轴轴标签支持设置显示逻辑为「整体显示」或「分层显示」。
整体显示:可设置轴标签的显示方式、字符、文本旋转方向以及标签间隔。对所有分类有效。
分层显示:可通过勾选与否决定分类轴标签是否显示,点击分类对应的设置按钮,可分别设置不同分类的轴标签样式。
如下图所示:
2. 示例编辑
2.1 准备数据
新建普通报表,添加数据集 ds1,SQL 语句为:SELECT * FROM 销量。
2.2 设计报表
2.2.1 插入柱形图
合并一片区域单元格,单击鼠标右键,选择「单元格元素>插入图表」,插入柱形图,如下图所示:
2.2.2 绑定数据
选择「单元格元素>数据」,选择数据集来源 ds1 ,添加三个分类,依次为「产品类型、销售员、地区」。系列名为「产品」,值为「销量>求和」。如下图所示:
2.2.3 设置样式
这里我们只示范下分类坐标轴轴标签「分层显示」的设置方法及针对分类坐标轴特定的颜色、属性设置,其他 图表样式 根据需要设置即可。
2.2.3.1 分类坐标轴轴标签「分层显示」的设置方法
选择「样式>坐标轴」,柱形图的分类坐标轴是 X轴 。
我们选择轴标签显示逻辑为「分层显示」,点击 分类1 右侧的「设置」按钮,将文本旋转设置为 90 度;再取消勾选 分类3 ,使其不显示。
注:分类1 即最靠近 X轴 的分类,本例即为「产品类型」字段,分类3 即为「地区」字段。
2.2.3.2 针对多分类坐标轴特定的颜色、属性设置
针对多分类坐标轴,特别瀑布图,在系列被限制的情况下进行颜色的设置是比较麻烦
故,这里我们需要利用特效》条件属性功能进行设置,更多配置参考文档:图表条件显示
对多分类坐标轴而言,主要依靠分类序号【按照分类数组排序】、分类名【最明细的分类名】、分类数组【由外到内,用,分割的数组】三个进行属性配置
其中,分类序号和分类名和常规用法一致,而分类数组主要和【包含】操作符合使用,进而实现各个外层分类属性的设置【如下】
同时:在实现各个层级分类名的参数获取和传递时,也主要利用分类数组【CATEGORYARRAY】进行
如下【以两层分类为例,三层类推】:
两层的内层分类:直接用分类名【CATEGORY】
两层的外层分类:对分类数据处理【LEFT(CATEGORYARRAY,FIND(',',CATEGORYARRAY)-1)】
2.3 效果预览
2.3.1 PC 端
保存模板,点击「分页预览」,效果如下图所示:
2.3.2 移动端
App 端和 HTML5 端均支持,效果如下图所示:
3. 模板下载编辑
已完成模板可参见:%FR_HOME%\webapps\webroot\WEB- INF\reportlets\doc\Chart\ColumnChart\多分类坐标轴柱形图.cpt
点击下载模板:多分类坐标轴柱形图.cpt