echarts tooltip

echarts中的tooltip是一个提示框组件，可以在多种地方设置。可以设置在全局、坐标系中、系列中以及系列的每个数据项中。全局的设置可以通过tooltip属性来进行配置，而在坐标系中、系列中以及数据项中的设置可以通过grid.tooltip、polar.tooltip、single.tooltip和series.data.tooltip来进行配置。

tooltip的位置可以通过position属性来设置，该属性是一个回调函数，接受鼠标位置、参数、tooltip的dom对象以及图形包围盒等参数，并返回一个表示tooltip位置的数组或对象。数组的值可以是绝对的像素值或相对百分比，对象的属性可以是left、right、top或bottom。通过这样的设置可以实现tooltip在不同位置的显示效果。

在echarts中，如果option中没有tooltip对象，则鼠标滑上去的时候不会显示弹框。如果有tooltip对象，但没有添加属性，则按照默认的type为item，axisPointer为line的设置，只有当鼠标点到折点时才会显示默认的tooltip。如果设置了tooltip的type为axis，则默认显示为线型。如果axisPointer设置为none，则鼠标在折线图表的任意位置滑动都能显示点位的弹框。通过设置showContent属性可以控制是否显示弹框。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Echarts学习 --- tooltip提示框](https://blog.csdn.net/XJ5210224/article/details/95761185)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [echarts的tooltip提示框](https://blog.csdn.net/qq_34664239/article/details/100076028)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]