按数据条件设置颜色
所有文档

          百度数据可视化 Sugar

          按数据条件设置颜色

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

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

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

          图片

          图片

          图片

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

          也可参考 echarts visualMap

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

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

          图片

          图片

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

          在控制面板的视觉映射点击添加规则,选择连续型。

          图片

          图片

          填写最大值(必填)和最小值(必填),连续规则设置完成后,原有的颜色设置失效,数值小于100的是左侧的红色,数值大于200的是右侧的蓝色,也可以设置范围外颜色来决定 x<100, x>200 区间的颜色。

          也可参考echarts visualMap

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

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

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

          图片

          图片

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

          图片

          图片

          在控制面板系列设置的颜色分配方式选择按数据名称,点击列表中的添加按钮﹢,分项填写 华北,选择红色,点击确认✓

          柱状图第2个柱显示红色

          图片

          图片

          在控制面板系列设置的颜色分配方式选择按数据位置,点击列表中的添加按钮﹢,分项填写 2,选择红色,点击确认✓

          柱状图数值为38897的显示红色

          图片

          图片

          在控制面板系列设置的颜色分配方式选择按数据数值,点击列表中的添加按钮﹢,分项填写 38897,选择红色,点击确认✓

          注意:系列设置的颜色分配方式不能与视觉映射设置同时使用

          上一篇
          大屏的各种轮播效果汇总
          下一篇
          私有部署