echart tooltip自定义

ECharts 提供了 tooltip 的自定义功能，可以通过 formatter 函数来自定义 tooltip 的内容和样式。

下面是一个简单的示例：

option = {
  // ... 其他配置项
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'cross',
      crossStyle: {
        color: '#999'
      }
    },
    formatter: function (params) {
      // 自定义 tooltip 的内容和样式
      return params[0].name + '<br/>' +
        params[0].seriesName + ' : ' + params[0].value + '<br/>' +
        params[1].seriesName + ' : ' + params[1].value + '<br/>' +
        params[2].seriesName + ' : ' + params[2].value + '<br/>' +
        params[3].seriesName + ' : ' + params[3].value + '<br/>'
    }
  },
  // ... 其他配置项
  series: [
    {
      name:'邮件营销',
      type:'bar',
      data:[120, 132, 101, 134, 90, 230, 210]
    },
    {
      name:'联盟广告',
      type:'bar',
      data:[220, 182, 191, 234, 290, 330, 310]
    },
    {
      name:'视频广告',
      type:'bar',
      data:[150, 232, 201, 154, 190, 330, 410]
    },
    {
      name:'直接访问',
      type:'bar',
      data:[320, 332, 301, 334, 390, 330, 320]
    }
  ]
};

在上面的示例中，通过 formatter 函数来自定义 tooltip 的内容和样式。在这个函数中，我们可以通过 params 参数获取到当前 tooltip 中所展示的数据，从而可以自定义 tooltip 的样式和展示内容。

需要注意的是，formatter 函数的返回值必须是一个字符串。在字符串中，可以使用 HTML 标签来控制 tooltip 的样式，比如使用 `<br/>` 来换行。

希望这个示例能够帮助你实现自定义 tooltip。