echarts 环形图滑上去内容显示在环形中间

您可以通过使用 ECharts 中的 tooltip 配置项来实现鼠标滑过时将内容显示在环形图中间。具体的步骤如下：

1. 首先，您需要创建一个环形图的实例，并设置好需要展示的数据。

var myChart = echarts.init(document.getElementById('chart'));
var option = {
  series: [{
    type: 'pie',
    radius: ['50%', '70%'],
    data: [
      {value: 335, name: '数据1'},
      {value: 310, name: '数据2'},
      {value: 234, name: '数据3'},
      {value: 135, name: '数据4'},
      {value: 1548, name: '数据5'}
    ],
    label: {
      show: false
    },
    labelLine: {
      show: false
    }
  }]
};
myChart.setOption(option);

2. 接下来，您可以使用 tooltip 配置项来设置提示框的样式和内容。

option.tooltip = {
  trigger: 'item',
  formatter: '{b}: {c} ({d}%)',
  position: ['50%', '50%']
};

其中，trigger 设置为 'item' 表示触发方式为鼠标移动到数据项上时显示。formatter 是用于设置提示框的显示内容，这里使用了占位符来展示数据项的名称、值和占比。position 则是设置提示框的位置，默认情况下为鼠标所在位置。

3. 最后，通过调用 `setOption` 方法将配置应用到环形图实例中。

myChart.setOption(option);

这样，当鼠标滑过环形图的数据项时，对应数据的提示框就会显示在环形图的中心位置。您可以根据自己的需求来调整样式和内容。希望能对您有所帮助！