历史版本4 :条形图隔行变色 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 问题描述

条形图只有一个系列的时候,图表只有一个颜色,比较单调,如下图所示:

image.png

如何给条形图设置隔行变色呢,如下图所示:

image.png

1.2 解决思路

利用图表特效-条件显示来实现。

2. 示例编辑

2.1 设计报表

1)新建普通报表,新建数据查询 ds1,SQL 语句为:SELECT * FROM 销量

image.png

2)合并 A1~D18 单元格,插入条形图,如下图所示:

image.png

3)绑定条形图数据,如下图所示:

image.png

4)图表属性面板特效>条件显示下,新增一个配色条件属性,设置分类序号包含于公式range(2,100,2)时,配色为绿色,如下图所示:

注:range(2,100,2)会产生2、4、6、8...直到100的数字,也就是分类序号是偶数的时候,配色为绿色。

1592547074770385.png

2.2 效果预览

1)PC 端

保存报表,点击分页预览,效果如下图所示:

image.png

2)移动端

条形隔行.png

3. 模板下载编辑

已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\Chart\条形图隔行变色.cpt

点击下载模板:条形图隔行变色.cpt