echarts中折线图分段显示
直接上图看效果可以看到绿色和黄色的数据是在同一条线上的,实际上他们是两个不同的数据里面的,但是中间有个衔接点。实现的基本原理这里的数据是直接提供了时间和对应的点位信息,计划值是独立的,而纠偏和实际是需要是把他们分开,这里直接用split将他们拆成两份,actData和correctData,注意,两者是有一个衔接点的,所以实际的最后一位数据和纠偏的第一个数据要一样才能完全衔接然后根据时间数组的长度,依次填充"-"this.type.forEach((item,index)=>{
原创
2022-05-17 10:46:34 ·
2889 阅读 ·
1 评论