echarts 饼图自定义悬浮框

要自定义 echarts 饼图的悬浮框，可以通过 tooltip.formatter 属性来实现。具体步骤如下：

1. 在 option 中设置 tooltip.show 为 true，表示开启悬浮框。
2. 在 tooltip.formatter 中编写自定义的 HTML 模板，可以使用 {a}、{b}、{c}、{d} 等变量来获取相应的数据。
3. 在模板中添加需要展示的内容，比如标题、数值等。
4. 在模板中添加 CSS 样式，美化悬浮框的样式。

下面是一个示例代码：

option = {
    tooltip: {
        show: true,
        formatter: function(params) {
            var html = '<div class="tooltip">';
            html += '<div class="tooltip-title">' + params.name + '</div>';
            html += '<div class="tooltip-content">';
            html += '<span class="tooltip-label">数值：</span>';
            html += '<span class="tooltip-value">' + params.value + '</span>';
            html += '</div>';
            html += '</div>';
            return html;
        }
    },
    series: [{
        type: 'pie',
        data: [
            {value: 335, name: '直接访问'},
            {value: 310, name: '邮件营销'},
            {value: 234, name: '联盟广告'},
            {value: 135, name: '视频广告'},
            {value: 1548, name: '搜索引擎'}
        ]
    }]
};

在上面的代码中，我们通过 formatter 函数来自定义悬浮框的 HTML 模板，展示了饼图的名称和数值。同时，我们还可以通过 CSS 样式来美化悬浮框的样式。