echarts 在同一个canvas绘制多图并实现tooltip联动

背景：脑洞大开的产品看到如下图这种多个tooltip联动的统计图，为了在客户面前装逼就把这个功能加到了本次需求里面，经过查看源码发现使用echarts绘制的，虽然本人也经常用echarts但是这种图实在没画过，查看相关API也没找到实现办法，网上关于这部分的问题也非常少，最后终于实现，记录如下：

图1

代码暂时没有优化但是功能全部实现了，可以直接拷贝下面的代码到html文件运行即可，先占个位置：
增加了最值标记，均值标线等，效果如下：

image.png

以上，虽然代码比较多但是都是重复性的代码片段，没有进行代码优化是因为这样看起来更直观，每个API代表什么一目了然，实际开发时可以进行遍历后存放在数组中，如果觉得对你有帮助请点个赞再走啦