多分类坐标轴

1.1 版本

1.2 应用场景

为提高实用性，柱形图，条形图，折线图，面积图和组合图中内置的三种组合类型支持添加多个分类轴，最多支持三层分类。

1.3 功能简介

1）在图表属性中，选择「数据」，点击「分类」后面的  添加分类，最多可设置三个分类。

2）分类展示的顺序：第一层添加的分类对应显示时最靠近图形的底层分类数据，越往下则为对应的父层级数据。

3）每个层级的分类顺序会和数据集中该分类的顺序保持一致。

如下图所示：

4）11.0.3 版本及之后的设计器中，分类轴轴标签支持设置显示逻辑为「整体显示」或「分层显示」。

• 整体显示：可设置轴标签的显示方式、字符、文本旋转方向以及标签间隔。对所有分类有效。

• 分层显示：可通过勾选与否决定分类轴标签是否显示，点击分类对应的设置按钮，可分别设置不同分类的轴标签样式。

如下图所示：

2.1 准备数据

新建普通报表，添加数据集 ds1，SQL 语句为：SELECT * FROM 销量。

2.2 设计报表

2.2.1 插入柱形图

合并一片区域单元格，单击鼠标右键，选择「单元格元素>插入图表」，插入柱形图，如下图所示：

2.2.2 绑定数据

选择「单元格元素>数据」，选择数据集来源 ds1 ，添加三个分类，依次为「产品类型、销售员、地区」。系列名为「产品」，值为「销量>求和」。如下图所示：

2.2.3 设置样式

这里我们只示范下分类坐标轴轴标签「分层显示」的设置方法，其他 图表样式 根据需要设置即可。

选择「样式>坐标轴」，柱形图的分类坐标轴是 X轴 。

我们选择轴标签显示逻辑为「分层显示」，点击 分类1 右侧的「设置」按钮，将文本旋转设置为 90 度；再取消勾选 分类3 ，使其不显示。

注：分类1 即最靠近 X轴 的分类，本例即为「产品类型」字段，分类3 即为「地区」字段。

2.3 效果预览

2.3.1 PC 端

保存模板，点击「分页预览」，效果如下图所示：

2.3.2 移动端

App 端和 HTML5 端均支持，效果如下图所示：

已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-  INF\reportlets\doc\Chart\ColumnChart\多分类坐标轴柱形图.cpt

点击下载模板：多分类坐标轴柱形图.cpt