echarts 设置-tooltip

Echarts 的 tooltip 是用来显示数据项的详细信息的，默认情况下鼠标悬停在图表上时会显示 tooltip。可以通过设置 tooltip 的属性来自定义 tooltip 的样式和显示内容。

下面是一些常用的 tooltip 属性设置示例：

1. 设置 tooltip 的触发方式为鼠标移动到数据项上时触发：

   tooltip: {
   trigger: 'axis'
   }

2. 设置 tooltip 的样式，如背景色、边框颜色和宽度等：

   tooltip: {
   backgroundColor: 'rgba(0,0,0,0.7)',
   borderColor: '#fff',
   borderWidth: 1
   }

3. 设置 tooltip 的内容格式化，可以使用回调函数来自定义 tooltip 的内容：

   tooltip: {
   formatter: function (params) {
   return params.name + ': ' + params.value;
   }
   }

4. 设置 tooltip 的显示位置，默认为鼠标所在位置，也可以设置为固定位置：

   tooltip: {
   position: function (point, params, dom, rect, size) {
   return [point[0], '10%']; // 在鼠标所在的 x 轴位置，y 轴位置离图表顶部距离为 10%
   }
   }

上述示例只是一些常用的设置，Echarts 的 tooltip 还有很多其他属性可供设置，具体可参考 Echarts 官方文档中关于 tooltip 的说明。