echarts堆叠图tooltip中如何仅展示鼠标当前位置相应的指标数据

项目创建到现在快小半年了，期间遇到了大大小小非常多的问题，在不断遇到问题和解决问题的过程中，对vue和element-ui还有echarts的认知一点点的加深，也累积了不少对应各种问题的奇技淫巧。记录一下。

这篇记录一个使用echarts时遇到的实际问题。

堆叠图tooltip问题

echarts生成的堆叠图，鼠标浮动时默认会将相应位置的所有指标信息全部展示出来：

当指标特别多的时候，这样的鼠标浮动提示信息会失去其说明数据的意义：

用户无法从浮动提示中一眼就辨认出他想看的那个指标在某个区间的具体数值，甚至可以说，要从这个浮动提示中找出指定区域对应的数值是件想想就令人头皮发麻的事情（尤其对于色弱的我来说T_T）。

这种情况下，比较合适的做法是鼠标移动到哪个位置，就只显示当前位置对应的指标数据。