echarts 饼状图 鼠标悬浮显示

ECharts 是一个使用 JavaScript 实现的开源可视化库，它可以在网页中创建丰富的图表类型。在 ECharts 中创建饼状图时，可以通过配置项来设置鼠标悬浮（hover）时显示额外的信息，通常这个额外的信息是该扇区的具体数值或者是标签。

要在饼状图的鼠标悬浮时显示信息，你需要设置 `series` 中的 `itemStyle` 的 `emphasis` 属性，以及可能的 `label` 的 `emphasis` 属性。这些属性允许你自定义鼠标悬浮在扇区上时的样式和显示的内容。

下面是一个简单的例子，展示了如何在 ECharts 饼状图中设置鼠标悬浮效果：

option = {
    title: {
        text: '饼状图示例'
    },
    tooltip: {
        trigger: 'item'
    },
    legend: {
        orient: 'vertical',
        left: 'left'
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: '55%',
            labelLine: {
                show: false
            },
            data: [
                {value: 335, name: '直接访问'},
                {value: 310, name: '邮件营销'},
                {value: 234, name: '联盟广告'},
                {value: 135, name: '视频广告'},
                {value: 1548, name: '搜索引擎'}
            ],
            emphasis: {
                label: {
                    show: true,
                    fontSize: '30',
                    fontWeight: 'bold'
                }
            }
        }
    ]
};

在这个配置中，`emphasis` 对象定义了鼠标悬浮时标签的显示效果，`show: true` 使得悬浮时显示标签，`fontSize` 和 `fontWeight` 控制标签的字体大小和加粗样式。