echarts技巧

1.一条折线上显示不同颜色的点。

echarts标准函数只支持一条曲线上显示和该曲线颜色相同颜色的点，既点的颜色默认和曲线颜色一致且不能配置。

那么如何实现一条曲线上有多种颜色的点呢？

echarts允许一个曲线图上同时出现多条曲线，为了区分这些曲线就得用不同的颜色。那么，灵感来了，用多个曲线就能实现多种颜色了。

为了模拟一条曲线上有不同颜色的点的效果，我们可以这么做：

第一条曲线显示所有的数据和部分的点，其余的曲线没有数据并显示部分的点。

因为其他曲线没有数据，所以就看不到曲线了，只能看到它的点。

 

2.纵轴不从0开始。

echarts的折线图纵轴的值默认从0开始的，而且没有提供任何参数去修改这个值。

但是某些折线图从一个较大的数量级上呈现小数量级的波动，如果从0开始，则大数量级被纵轴分布，小数量级变显得微不足道。

那么纵轴起点为所有值最小值的需求的变得很重要了。

那如何实现纵轴不从0开始呢？

echarts的纵轴显示的内容是真实的值格式化而来的，那我们就在配数据的时候把所有的数都减掉最小值放入曲线显示，就可以凸显变化曲线了。

然后在纵轴显示的数据上通过函数格式化显示真实的数据，每个点上显示的值重新计算就可以显示真是的值了。