echarts调整饼图tooltips的位置

可以通过设置饼图的 tooltip.position 属性来调整饼图鼠标悬浮时的提示框位置。具体实现可以参考以下代码：

option = {
    tooltip: {
        trigger: 'item',
        position: function (point, params, dom, rect, size) {
            // point表示鼠标位置，params表示当前数据项，dom表示提示框dom节点
            // rect和size分别表示提示框的位置和大小
            var x = point[0];
            var y = point[1];
            var width = size.contentSize[0];
            var height = size.contentSize[1];
            var gap = 10;  // 间距
            var posX = 0;
            var posY = 0;

            if (x < width + gap) {
                posX = x + gap;
            } else {
                posX = x - width - gap;
            }

            if (y < height + gap) {
                posY = y + gap;
            } else {
                posY = y - height - gap;
            }

            return [posX, posY];
        }
    },
    series: [{
        type: 'pie',
        data: [
            {value: 335, name: '直接访问'},
            {value: 310, name: '邮件营销'},
            {value: 234, name: '联盟广告'},
            {value: 135, name: '视频广告'},
            {value: 1548, name: '搜索引擎'}
        ]
    }]
};

在上面的代码中，我们通过自定义 `tooltip.position` 函数来实现鼠标悬浮时提示框的位置调整。具体的实现方式是，首先获取鼠标位置 `point`，然后计算出提示框的宽度和高度 `width` 和 `height`，并设置一个间距 `gap`。最后根据鼠标位置 `point` 和计算出来的提示框大小 `width` 和 `height`，计算出提示框的最终位置 `posX` 和 `posY`。最后将 `posX` 和 `posY` 作为数组返回即可。

需要注意的是，如果鼠标位置 `point` 在左上角或右下角，有可能会导致提示框超出图表边界，可以根据实际情况进行调整。