echarts tooltip 样式

要自定义 Echarts Tooltip 的样式，你可以使用 Echarts 提供的 tooltip 属性中的 formatter 函数。在 formatter 函数中，你可以返回一个字符串作为 tooltip 的内容，并通过 HTML 和 CSS 来自定义样式。

以下是一个示例代码，用于自定义 tooltip 样式：

option = {
    // ... 其他的配置项

    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        },
        // 自定义 tooltip 样式
        formatter: function (params) {
            var tooltipHtml = '';

            // 自定义样式
            tooltipHtml += '<div style="background-color: #fff; border: 1px solid #ccc; padding: 10px;">';

            // 遍历 params，获取数据并添加到 tooltipHtml
            params.forEach(function (param) {
                tooltipHtml += '<p style="margin: 0;">' + param.seriesName + ': ' + param.value + '</p>';
            });

            tooltipHtml += '</div>';

            return tooltipHtml;
        }
    },

    // ... 其他的配置项
};

在上面的示例代码中，我们通过 formatter 函数返回了一个自定义的字符串作为 tooltip 的内容。我们使用了 div 元素来包裹整个内容，并设置了背景色、边框和内边距来定义样式。在内部的 p 元素中，我们展示了每个数据点的系列名和数值。

你可以根据自己的需求，进一步修改 HTML 和 CSS 的样式来实现更加个性化的效果。