按数据条件设置颜色

更新时间:2021-04-27

以下各种情况对柱状类图,折线类图,饼图,漏斗图都生效。如果只想对某个系列设置数据条件着色就选择系列(可多选),不选择则当前规则会应用到所有系列。

注意:单系列图表只能使用到一条视觉映射规则,不要添加多个规则,多系列图表不要出现某个系列对应多条规则,容易导致图表出错。

柱状图数值大于 4000 的显示成红色

图片

图片

在控制面板的『基础』-『自定义配色』-『视觉映射』点击添加规则,选择分段型,条件选择大于,数值 4000,第二个条件和数值如果不填写则匹配 x>4000,填写小于 10000 则该分段是匹配 4000<x<10000。 分段规则设置完成后,原有的颜色设置失效,可能会导致 x<=4000, x>=10000 的部分没有颜色,需要选择范围外颜色,也就是 x<=4000, x>=10000 区间的颜色,或者给这两个区间再分别设置颜色。

也可参考 echarts visualMap

注意:一定要填好正确的具体范围,这里没有数值大小的校验,特别是折线图只填写大于数值容易出错,多个分段数值范围不要有相互重叠的部分。

柱状图按数值大小设置多个分段颜色

图片

图片

柱状图按数值大小对应颜色范围的颜色

在控制面板的『基础』-『自定义配色』-『视觉映射』点击添加规则,选择连续型。

图片

图片

图片

填写最大值(必填)和最小值(必填),连续规则设置完成后,原有的颜色设置失效。如果有数值小于 10 的是紫色,数值大于 4000 的是红色。

也可参考echarts visualMap

注意:连续型的最大值最小值是必填,如果不填写可能不会生效。

柱状图按最大值最小值平均等分成 5 个区间段分配颜色

操作同上,填写分段个数 5,效果如下。

图片

图片

柱状图数据名称为"华北"的显示红色

图片

在控制面板『基础』-『自定义配色』-『系列颜色』的颜色分配方式选择按数据名称,点击﹢新增,分项填写 华北,选择红色,点击图表生效。

柱状图第 2 个柱显示红色

图片

在控制面板『基础』-『自定义配色』-『系列颜色』的颜色分配方式选择按数据位置,点击﹢新增,分项填写 2,选择红色,点击图表生效。

注意:系列设置的颜色分配方式不能与视觉映射设置同时使用,视觉映射的优先级更高。

本页内容