echarts实现折线图实线虚线展示

1,204 阅读1分钟

image.png
想要用echarts实现一半虚线一半实线效果,需要做数据处理,具体不揍如下
大概步骤:
1.数据过过滤出 历史数据和未来的数据 历史用实线展示 未来虚线
2.过滤好数据后 直接放到上面会出现线乱连的情况 需要用'-'占位
例如: 历史数据 [10,20,30,40]
我们想要历史数据的实线后接住未来数据的虚线
所以[有几个历史数据就有几个'-',历史数据的最后一个数值,未来数据] 3.这就是我们处理好的数据
代码:

image.png
第一次写笔记 哪里有欠缺欢迎大佬来补充!