历史版本17 :图表自定义多个坐标轴 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 问题描述编辑
1.1 应用场景
新柱形图支持自定义模式,支持多个 X 轴或 Y 轴以及各个坐标轴位置和值顺序的自定义;
对于多个坐标轴的图表,新图表能够自定义坐标轴的位置,如下图所示:
1.2 实现思路
在自定义柱形图属性面板的样式>坐标轴下可以选择添加X轴或Y轴。
2. 示例编辑
2.1 准备数据
新建普通报表,添加内置数据集 Weather,分别记录月份和降雨量、海平面高度、温度之间的关系,如下图所示:
2.2 设计报表
1)以单元格图表为例,合并一片单元格,点击插入>单元格元素>插入图表,选择柱形图(新特性),图表类型,选择柱形图(新特性)-自定义,如下图所示:
2)选中图表,在右侧选择图表数据,如下图所示:
4)这里有三个 Y 系列,所以再添加一个 Y 轴 3,选择样式>坐标轴,点击添加按钮,如下图所示:
5)再添加一个堆积和坐标轴 2,系列序号为 3,如下图所示:
6)为了清楚区分系列,下面我们再分别对应系列颜色,设置,这里我们以 Y 轴为例设置样式>坐标轴>Y轴>格式,如下图所示:
7)这里需要将 Y 轴 3 的位置调整为右侧,样式>坐标轴>Y轴3>位置选择右侧如下图所示:
备注:后续添加的坐标轴默认都是在左侧显示
8)另外,可以发现值轴默认的刻度值使得不同月份的对比不明显,这里我们选择样式>坐标轴>Y 轴 2>值定义,设置自定义最小值和最大值,如下图:
2.3效果预览
1)PC 端
保存模板,点击分页预览,效果如下图所示:
2)移动端
3.模板下载编辑
已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\ColumnChart\多坐标轴位置自定义柱形图.cpt点击下载模板:多坐标轴位置自定义柱形图.cpt