echarts 柱状图tooltip设置

在echarts中，可以通过设置tooltip属性来自定义柱状图的tooltip。根据引用\[1\]和引用\[2\]的内容，可以设置tooltip的位置为固定在图形顶部或者鼠标的左侧。

要将tooltip显示框固定在图形顶部，可以使用以下代码示例：

tooltip: {
  trigger: 'axis',
  position: function (point, params, dom, rect, size) {
    return \[point\[0\], '10%'\]; // 返回x、y（横向、纵向）两个点的位置
  }
}

这样设置后，tooltip显示框将始终固定在图形顶部，无论鼠标在图形中的位置如何变化。

要将tooltip显示框固定在鼠标的左侧，可以使用以下代码示例：

tooltip: {
  trigger: 'axis',
  position: function (point, params, dom, rect, size) {
    return \['10%', point\[1\]\]; // 返回x、y（横向、纵向）两个点的位置
  }
}

这样设置后，tooltip显示框将始终固定在鼠标的左侧，无论鼠标在图形中的位置如何变化。

请根据实际需求选择适合的位置设置tooltip，以上代码示例可以根据需要进行调整。
#### 引用[.reference_title]
- *1* [echarts---tooltip（提示框组件）配置项](https://blog.csdn.net/weixin_45407412/article/details/126297158)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [【echarts】tooltip显示位置设置](https://blog.csdn.net/wbx_wlg/article/details/122686252)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]