echarts饼图点击突出扇区

要实现echarts饼图点击突出扇区的效果，您可以按照以下步骤进行操作：

1. 首先，根据引用中的文档，您需要使用ECharts的官方文档来了解饼图的配置选项。具体而言，您需要使用series配置项中的itemStyle属性来设置饼图的样式。在itemStyle中，您可以使用emphasis属性来设置鼠标悬停时扇区的样式。

2. 其次，根据引用中的代码示例，您可以通过调用dispatchAction方法来触发饼图的点击事件。在这个示例中，通过设置type为'highlight'，seriesIndex为0，dataIndex为0，来实现默认高亮第一个扇区的效果。

3. 如果您想要实现点击后保持高亮的效果，您可以在点击事件中添加逻辑来处理。具体而言，您可以在点击事件中获取到当前点击的扇区的索引，然后使用dispatchAction方法设置type为'highlight'，seriesIndex为0，dataIndex为当前点击的扇区的索引，来实现点击后高亮扇区的效果。

因此，您可以按照上述步骤来实现echarts饼图点击突出扇区的效果。详细的代码和实现方式可以参考以下示例代码和效果图：

// 初始化echarts实例
var chart = echarts.init(document.getElementById('chart'));

// 设置饼图的配置项
var option = {
  series: [{
    type: 'pie',
    data: [
      {value: 335, name: '直接访问'},
      {value: 310, name: '邮件营销'},
      {value: 234, name: '联盟广告'},
      {value: 135, name: '视频广告'},
      {value: 1548, name: '搜索引擎'}
    ],
    emphasis: {
      itemStyle: {
        // 设置鼠标悬停时扇区的样式
        borderWidth: 2,
        borderColor: '#fff'
      }
    }
  }]
};

// 将配置项设置到echarts实例中
chart.setOption(option);

// 监听饼图的点击事件
chart.on('click', function(params) {
  // 获取当前点击的扇区的索引
  var dataIndex = params.dataIndex;
  // 设置当前点击的扇区高亮
  chart.dispatchAction({
    type: 'highlight',
    seriesIndex: 0,
    dataIndex: dataIndex
  });
});

效果图：

通过以上代码和示例，您可以实现echarts饼图点击突出扇区的效果。希望对您有帮助！