echarts饼图鼠标滑过展示百分比

要在ECharts饼图中实现鼠标滑过展示百分比，你可以使用tooltip组件来显示百分比信息。下面是一个简单的示例代码：

// 导入必要的 ECharts 模块
import * as echarts from 'echarts';

// 创建图表实例
const chart = echarts.init(document.getElementById('chart'));

// 定义饼图数据
const data = [
  { value: 335, name: '直接访问' },
  { value: 310, name: '邮件营销' },
  { value: 234, name: '联盟广告' },
  { value: 135, name: '视频广告' },
  { value: 1548, name: '搜索引擎' }
];

// 配置图表选项
const option = {
  tooltip: {
    formatter: '{b}: {d}%'
  },
  series: [
    {
      name: '访问来源',
      type: 'pie',
      radius: '55%',
      data: data,
      emphasis: {
        itemStyle: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: 'rgba(0, 0, 0, 0.5)'
        }
      }
    }
  ]
};

// 使用配置项显示图表
chart.setOption(option);

在上面的代码中，我们通过tooltip的formatter属性来设置提示框的内容格式。`{b}`代表数据项的名称，`{d}`代表数据项的百分比值。这样，当鼠标滑过饼图的时候，提示框中会显示对应数据项的名称和百分比。

你可以根据自己的实际需求修改data和option来适应你的饼图数据和样式。