欢迎访问 这里 查看更多关于大数据平台建设的原创文章。
一.场景
在使用echarts3做图表的时候,可能会遇到一些特殊的需求:
星期一到星期四这几个点的折线显示一个颜色,周五到周日这几个点的折线显示另外一个颜色,来起到强调区别的作用。
二.效果图
先看一下效果图,你会有一个更清晰的认识:
从图中大家可以看到,整个折线图分了2段颜色:周一到周四的折线是红色,周五到周日的折线是黑色。 这样一来,是不是就有个很明显的强调区别的作用啦。
demo下载点击这里。
那么,怎么去实现这个效果呢?别着急,一步一步来,往下看。
三.echarts3的api支持吗
看到这样的需求,第一反应就是去api里看看有支持的函数没。。。 在api找到半天,果然不支持。领导非要这样做,echarts3的api里又不支持,那么怎么办? 答案:换思路
四.思路
1.折线图的数据点在哪里被赋值的?
我们知道在echarts中图表是通过series来实现的:
其中圈红的第一个就是图形类型为折线图时用到的配置,折线图的这些数据点都是通过里面的这个data数组来生成的。
2.拆分为多个series<