历史版本14 :图表自定义多个坐标轴 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 问题描述编辑

新柱形图支持自定义模式,支持多个 X 轴或 Y 轴以及各个坐标轴位置和值顺序的自定义;

对于多个坐标轴的图表,新图表能够自定义坐标轴的位置,如下图所示:
a.png

2. 示例编辑

2.1 准备数据

新建普通报表,添加内置数据集 Weather,分别记录月份和降雨量、海平面高度、温度之间的关系,如下图所示:
b.png

c.png

d.png

2.2 插入图表

以单元格图表为例,合并一片单元格,点击插入>单元格元素>插入图表,选择柱形图(新特性),图表类型,选择柱形图(新特性)-自定义,如下图所示:

e.png

f.png

g.png


2.3 图表数据设置

选中图表,在右侧选择图表数据,如下图所示:

h.png




2.4 图表样式设置

因为默认自定义的柱形图(新特性),系列 2 和系列 3 会和系列 1共用同一条 Y 轴,这里需要给系列 2 和系列 3 单独设置各自的Y轴,选择样式>系列>堆积和坐标轴,点击添加按钮,如下图所示:

i.png

这里有三个 Y 系列,所以再添加一个 Y 轴 3,选择样式>坐标轴,点击添加按钮,如下图所示:

j.png

再添加一个堆积和坐标轴 2,系列序号为 3,如下图所示:

q.png

设置完成后,保存预览如下图所示:

222

这里我们看不出坐标轴和对应系列之间的关系,下面我们再分别对应系列颜色,设置对应的坐标轴标签内容和颜色,坐标轴标题,这里我们以 Y 轴为例设置,如下图所示:

还需要注意,后续添加的坐标轴默认都是在左侧显示,这里需要将 Y 轴 3 的位置调整为右侧,如下图所示:

o.png

另外,可以发现值轴默认的刻度值使得不同月份的对比不明显,这里我们选择样式>坐标轴>Y 轴 2>值定义,设置自定义最小值和最大值,如下图:
p.png

按照需要可在图表属性表中进一步设置图表样式,例如调整坐标轴标题的方向,字体大小颜色,图例,系列配色,这里不再一一介绍

2.5 保存与预览

保存模板,点击分页预览,效果即如上。

在线查看模板效果请点击 多坐标轴位置自定义柱形图.cpt

已完成模板可参考%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\ColumnChart\多坐标轴位置自定义柱形图.cpt