Echarts图表中，可以同时存在两个或多个 tooltip中的formatter方法吗？

沓然

于 2022-03-02 11:24:56 发布

阅读量4.3k

点赞数 1

分类专栏： Earchts 文章标签： echarts

本文链接：https://blog.youkuaiyun.com/weixin_43005654/article/details/123225854

版权

Earchts 专栏收录该内容

4 篇文章

订阅专栏

在Echarts图表中，尽管可能需要为不同组件（如地图和散点图）设置独立的tooltip来显示详细信息，但实际上，Echarts并不支持同时存在两个独立的tooltip。当尝试为地图的geo和散点图的series分别设置tooltip时，只有series的配置会生效，因为geo不支持存储数据，所以无法拥有独立的tooltip和formatter方法。这可能导致在试图为复杂图表组合提供详细信息时遇到限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一个echarts图表可以存在两个tooltip吗

答案是：不可以，这个功能官方似乎并没有实现

我们在画echarts时，可能会多个图结合，比如在map地图上加上散点图。
如果只有一个map地图，我们给它的series属性加上一个tooltip和formatter方法，当鼠标移动到每一个区域时，会显示出信息。
如果只有一个散点图，我们给它的series属性加上一个tooltip和formatter方法，当鼠标移动到每一个区域时，会显示出信息。

问题来了：如果在map上加上散点图，并且鼠标移动到每一个区域和每一个点上都有对应的信息那不就完美了？那就给map地图的geo加一个tooltip和formatter方法，给散点图的series加一个tooltip和formatter方法。

问题就在于我们不能用两个tooltip，当我们加上后就会发现，只有散点图会生效，说具体点，只有series的tooltip和formatter方法会生效，因为geo不能存储数据，自然没有tooltip和formatter方法。