Echarts 折线图一个点显示多个实时数据tooltip

在项目开发当中遇到一个需求,需要在一个折线图当中显示多个实时数据,刚开始觉得有点困难,毕竟echarts虽然用了很久了,但是里面的api参数很多,常用的就是饼状图、柱状图、以及折线图,对于这种需求立马就是在网上看相应的文章,但是网上关于这方面的文章也很少,后来通过在网上搜索了一篇文章获得了启发,然后查看echarts官方文档,发现果然可以实现,只不过在series中的data值里面我们一般默认是一个数组其实它是可以自己定义json数据类型的,然后包裹在数组里面,真正在调用的时候通过data里面的数据进行调用,看实例:

Echarts 折线图一个点显示多个实时数据tooltip_第1张图片

Echarts 折线图一个点显示多个实时数据tooltip_第2张图片

Echarts 折线图一个点显示多个实时数据tooltip_第3张图片

 

Echarts 折线图一个点显示多个实时数据tooltip_第4张图片

 

参考文章:https://www.jianshu.com/p/e9d595e41c08

分享出来希望对大家有用帮助!!

你可能感兴趣的:(前端)