历史版本11 :坐标轴设置轴逆序 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1应用场景

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

有的时候希望坐标轴能够倒序显示,形成如下图所示的效果:
222

1.2实现思路

通过设置坐标轴>位置实现坐标轴顺序自定义。

2. 示例编辑

2.1 准备数据

新建普通报表,添加内置数据集 Embedded1

2.2 报表设计

1)点击插入>单元格元素>插入图表,选择柱形图(新特性)-自定义,如下图所示:

1591838441175458.png

2)如下图绑定数据:

step2.png

3)选中图表,在右侧选择样式>坐标轴>轴逆序,如下图所示:

step3.png

选择样式>坐标轴,设置 Y 轴和 Y 轴 2 的值定义,如下图:
222

2.3效果展示

1)PC端效果如应用场景中所示。

2)移动端效果展示,如下图:

移动端效果展示.png

3.模板下载编辑

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

点击下载模板:

坐标轴值顺序自定义柱形图.cpt