python一条线分段显示颜色_echarts3的折线图怎么分段显示不同的颜色

本篇文章主要讲解在echarts3的折线图怎么分段显示不同的颜色。

blog已经全部迁移到这里了

一.场景

在使用echarts3做图表的时候，可能会遇到一些特殊的需求：

星期一到星期四这几个点的折线显示一个颜色，周五到周日这几个点的折线显示另外一个颜色，来起到强调区别的作用。

二.效果图

先看一下效果图，你会有一个更清晰的认识:

从图中大家可以看到,整个折线图分了2段颜色：周一到周四的折线是红色，周五到周日的折线是黑色。

这样一来，是不是就有个很明显的强调区别的作用啦。

demo下载点击这里。

那么，怎么去实现这个效果呢?别着急，一步一步来，往下看。

三.echarts3的api支持吗

看到这样的需求，第一反应就是去api里看看有支持的函数没。。。

在api找到半天，果然不支持。领导非要这样做，echarts3的api里又不支持，那么怎么办？

答案：换思路

四.思路

1.折线图的数据点在哪里被赋值的?

我们知道在echarts中图表是通过series来实现的：

其中圈红的第一个就是图形类型为折线图时用到的配置，折线图的这些数据点都是通过里面的这个data数组来生成的。

2.拆分为多个series

将一个完整的折