折线图分段颜色设置
我们可以利用视觉映射实现折线图的分段颜色设置,如下图:
![image-20211221103646573](line_visualmap_pieces.assets/image-20211221103646573.png)
教学视频:
实现办法如下
添加视觉映射组件
如下图:
![image-20211221103813551](line_visualmap_pieces.assets/image-20211221103813551.png)
注意维度设置为0,就是根据x轴的数据分段
范围外颜色设置
![image-20211221103936064](line_visualmap_pieces.assets/image-20211221103936064.png)
找到范围外颜色设置:
![image-20211221103959845](line_visualmap_pieces.assets/image-20211221103959845.png)
颜色设置为绿色
分段设置
在分段设置中添加两个分段对象:
![image-20211221104022427](line_visualmap_pieces.assets/image-20211221104022427.png)
分段0设置为:
![image-20211221104205703](line_visualmap_pieces.assets/image-20211221104205703.png)
分段1设置为:
![image-20211221104243722](line_visualmap_pieces.assets/image-20211221104243722.png)
最终展现效果如下:
![image-20211221104330936](line_visualmap_pieces.assets/image-20211221104330936.png)
标域设置
利用折线图的标域特性,我们可以将红色折线区域的背景色做一个设置:
![image-20211221104533349](line_visualmap_pieces.assets/image-20211221104533349.png)
找到标域按钮,在属性明白中添加两个区域:
![image-20211221104622583](line_visualmap_pieces.assets/image-20211221104622583.png)
区域1设置为:
![image-20211221104715616](line_visualmap_pieces.assets/image-20211221104715616.png)
区域2设置为:
![image-20211221104806338](line_visualmap_pieces.assets/image-20211221104806338.png)
设置标域的背景色
![image-20211221104838615](line_visualmap_pieces.assets/image-20211221104838615.png)
最终效果如下:
![image-20211221103646573](line_visualmap_pieces.assets/image-20211221103646573.png)