1. 概述
1.1 版本
版本 | 功能变动 |
---|---|
5.1 | - |
5.1.8 | 支持输入 16 进制代码设置颜色 |
1.2 应用场景
用户希望图表组件通过颜色来区分维度。
用户做销售额相关的图表组件时,希望前两名用突出颜色展示。
用户希望图表组件展示数据的同时,具备预警功能,超过某个值,显示不同颜色。
用户希望自己的图表组件颜色有渐变效果。
1.3 功能简介
用户创建图表组件时,可在「图形属性」下点击「颜色」栏,为图表组件设置颜色。如下图所示:
2. 颜色栏设置项功能说明
2.1 颜色栏未拖入字段/拖入维度字段
设置项 | 说明 |
---|---|
配色方案 | 用户可通过在推荐色中选择颜色、输入 RGB 颜色值、输入十六进制颜色码三种方法设置颜色 |
效果 |
|
不透明度 | 设置颜色的不透明度 |
边框 | 为边框设置颜色 |
2.2 颜色栏拖入指标字段
注:本文 2.1 节已说明的设置项,本节将不再重复介绍。
设置项 | 说明 |
---|---|
渐变类型 | 颜色渐变类型包含两种:连续渐变、区域渐变 |
渐变方案 | 渐变方案中,可根据浅色/深色背景选择颜色方案 |
渐变区间 | 1)渐变类型选择「连续渐变」 渐变区间选择「自定义」时,可设置区间个数,设置区间值对应的颜色 2)渐变类型选择「区间渐变」 渐变区间选择「自定义」时,可设置区间个数,设置每个区间对应的颜色 |
3. 示例
以 普通柱形图 为例,介绍图表颜色功能的相关使用。
3.1 设置图形颜色
例如,想修改柱子颜色,点击「颜色栏」,可通过在推荐色中选择颜色、输入 RGB 颜色值、输入十六进制颜色码三种方法设置颜色。如下图所示:
3.2 设置渐变效果
柱形图,饼图,面积图和漏斗图都能直接设置渐变效果。
效果处选择「开启」,即可开启渐变效果。如下图所示:
3.3 根据数值自动渐变
在颜色栏拖入指标字段即可实现图形按指标大小渐变。
注:本节渐变区间选择「自动」,选择「自定义」的效果请参见本文 3.4 节内容。
颜色栏拖入指标字段,渐变类型选择「连续渐变」或者「区域渐变」,渐变区间选择「自动」。如下图所示:
3.4 不同数值区间不同颜色
实现思路:在颜色栏拖入「指标字段」,渐变类型选择「区域渐变」,渐变区间选择「自定义」,自定义区间个数及区间颜色。
效果一:
如下图所示:
效果二:
有用户想实现排名前三或者第一名用其他颜色突出显示,可对指标值划分区间,想突出显示的值单独在一个区间,为其设置颜色。如下图所示:
3.5 用颜色区分维度
将维度字段拖入颜色栏即可实现。如下图所示:
使用颜色区分「省份」的柱子,可以将维度字段「省份」拖入颜色栏。每个省份颜色不同,同时图表右侧自动生成图例。如下图所示:
3.6 柱形图堆叠效果
将「省份」拖入颜色栏,点击纵轴字段「合同金额」右下角的「开启堆积」按钮,则可以将中国的合同金额按照省份堆积起来。如下图所示: