Echart修改tooltip样式

要修改 ECharts 中 tooltip 的样式，可以通过 `tooltip` 的 `formatter` 属性来自定义 tooltip 的显示内容以及样式。下面是一个示例：

option = {
  // ... 其他配置
  tooltip: {
    trigger: 'axis',
    axisPointer: {            // 坐标轴指示器，坐标轴触发有效
      type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
    },
    formatter: function(params) {
      // 自定义 tooltip 的显示内容和样式
      return '<div style="background-color: #fff; border: 1px solid #ccc; padding: 10px;">' +
        '<p style="color: #333; font-size: 16px; font-weight: bold; margin-bottom: 5px;">' + params[0].name + '</p>' +
        '<p style="color: #999; font-size: 14px; margin-bottom: 5px;">' + params[0].seriesName + ': ' + params[0].value + '</p>' +
        '</div>';
    }
  },
  // ... 其他配置
};

在上面的示例中，我们通过 `formatter` 属性来自定义 tooltip 的显示内容和样式。我们可以在函数中返回一个 HTML 字符串来定义 tooltip 的样式。在这个 HTML 字符串中，我们可以使用 CSS 来设置样式。

希望这个回答能够帮到你！