echarts 设置-tooltip

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

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

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

tooltip: {
    trigger: 'axis'
}

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

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

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

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

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

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

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