历史版本5 :图表自定义分类颜色 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 问题描述

当图表只有一个系列,或者没有系列的时候,图表每个分类对应的柱子只会显示同一种颜色,如下图所示:

1.png

但有时需要将每个分类的柱子显示为不同颜色,进而加以区分,如下图所示:
2.png


1.2 实现思路

1)方法一:使用图表的特效>条件显示为每一个柱子配置不同的颜色。

2)方法二:使用旧版图表插件来实现。

2. 示例编辑

2.1 方法一

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

Snag_104d0bb.png

2)合并一片区域单元格,插入柱形图,如下图绑定图表数据。

Snag_106ac3b.png

3)如下图通过条件显示给每个分类配置不同的颜色。

Snag_10abe54.png

4)效果预览如下:

PC 端:

2.png

移动端:

image.png

2.2 方法二

使用旧版图表配置,需要先安装旧版图表插件,请参见文档:图表(旧版本)插件

1)如方法一新建数据集。

2)合并一片区域单元格,插入柱形图--旧版本,并按照方法一绑定图表数据。

2 (1).png

3)PC 端效果预览如下:

2 (2).png

注:不支持移动端。

3. 模板下载编辑

已完成模板可参见:

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\Chart\图表分类显示不同颜色-条件显示.cpt

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\Chart\图表分类显示不同颜色-旧图表.cpt

点击下载模板:

图表分类显示不同颜色-条件显示.cpt

图表分类显示不同颜色-旧图表.cpt