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

目录:

1. 概述编辑

1.1 版本

FineBI 版本功能变动
6.0-

1.2 应用场景

  • 用户希望图表组件通过颜色来区分维度。

  • 用户做销售额相关的图表组件时,希望前两名用突出颜色展示。

  • 用户希望图表组件展示数据的同时,具备预警功能,超过某个值,显示不同颜色。

  • 用户希望自己的图表组件颜色有渐变效果。

1.3 功能简介

用户创建图表组件时,可在「图形属性」下点击「颜色」栏,为图表组件设置颜色。如下图所示:

40.png

2. 颜色栏设置项功能说明编辑

2.1 颜色栏未拖入字段/拖入维度字段

1636095881913304.png

设置项说明
配色方案用户可通过在推荐色中选择颜色、输入 RGB 颜色值、输入十六进制颜色码三种方法设置颜色
效果
  • 开启:选择「开启」按钮后,开启渐变效果

  • 关闭:选择「关闭」按钮后,关闭渐变效果

不透明度设置颜色的不透明度
边框为边框设置颜色

2.2 颜色栏拖入指标字段

1636096153840081.png

注:本文 2.1 节已说明的设置项,本节将不再重复介绍。

设置项说明
渐变类型

颜色渐变类型包含两种:连续渐变、区域渐变

渐变方案渐变方案中,可根据浅色/深色背景选择颜色方案
渐变区间

1)渐变类型选择「连续渐变」

渐变区间选择「自定义」时,可设置区间个数,设置区间值对应的颜色

1636096908309234.png

2)渐变类型选择「区间渐变」

渐变区间选择「自定义」时,可设置区间个数,设置每个区间对应的颜色

1636097514235380.png

3. 示例编辑

以 普通柱形图 为例,介绍图表颜色功能的相关使用。

3.1 设置图形颜色

例如,想修改柱子颜色,点击「颜色栏」,可通过在推荐色中选择颜色、输入 RGB 颜色值、输入十六进制颜色码三种方法设置颜色。如下图所示:

41.png

3.2 设置渐变效果

柱形图,饼图,面积图和漏斗图都能直接设置渐变效果。

效果处选择「开启」,即可开启渐变效果。如下图所示:

47.png

3.3 根据数值自动渐变

在颜色栏拖入指标字段即可实现图形按指标大小渐变。

注:本节渐变区间选择「自动」,选择「自定义」的效果请参见本文 3.4 节内容。

颜色栏拖入指标字段,渐变类型选择「连续渐变」或者「区域渐变」,渐变区间选择「自动」。如下图所示:

51.png

3.4 不同数值区间不同颜色

实现思路:在颜色栏拖入「指标字段」,渐变类型选择「区域渐变」,渐变区间选择「自定义」,自定义区间个数及区间颜色。

效果一:

如下图所示:

48.png

效果二:

有用户想实现排名前三或者第一名用其他颜色突出显示,可对指标值划分区间,想突出显示的值单独在一个区间,为其设置颜色。如下图所示:

49.png

3.5 用颜色区分维度

将维度字段拖入颜色栏即可实现。如下图所示:

使用颜色区分「省份」的柱子,可以将维度字段「省份」拖入颜色栏。每个省份颜色不同,同时图表右侧自动生成图例。如下图所示:

52.png

3.6 柱形图堆叠效果

将「省份」拖入颜色栏,点击纵轴字段「合同金额」右下角的「开启堆积」按钮,则可以将中国的合同金额按照省份堆积起来。如下图所示:

53.png