图表自定义分类颜色

  • 文档创建者:axing
  • 编辑次数:6次
  • 最近更新:听雨轩 于 2020-10-14
  • 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)如下图通过条件显示给每个分类配置不同的颜色。

    image.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

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!