渐变色rgb_每周一图 · 条件比例绘制折线图渐变色

Gradient Scales Conditional Coloring
文章主要介绍如何使用 G2 进阶功能绘制高定制的可视化图形

分析

首先我们知道折线图其实是由很多的数据点组成，通过将数据点连线起来组成折线图。

通过我们使用一条 path 将这些数据点连接起来，所以折线图只有一条颜色，如下所示:

普通折线图

看到这样一张图，我们是否有一个灵感：如果我们采用分段连线绘制，每两个数据点之间的连线线段独立绘制，拥有自己的绘图属性(描边宽度、描边颜色等)，就可以达到我们想要的效果了。

问题1，解决分段着色问题：每两个数据点之间的连线线段独立绘制

问题2，每条线段的取色问题，如何取色，如何达到渐变的效果：这里我们可以先创建一个颜色比例尺，建立一个数值到颜色的 color 映射关系，即 colorS