echarts饼状图中心需要显示自定义数字，并且鼠标放在数字上需要弹窗显示，这样我们就需要在tooltip显示和隐藏时动态调整数字的图层，以避免互相影响。

对于Vue.js项目中，如果你想在tooltip显示时改变echartsBody2的层级（z-index），你可以在tooltip的formatter函数中使用Vue的$refs来访问echartsBody2元素，并动态改变其样式。具体来说，你可以在tooltip显示时设置echartsBody2的z-index为-1，而在tooltip隐藏时设置为1。这可以通过监听ECharts的showTip和hideTip事件来实现。

首先，你需要在Vue组件中添加一个ref到echartsBody2元素：

<div ref="echartsBody2">...</div>

然后，在你的ECharts配置中，你可以添加事件监听器：

myChart.on('showTip', function () {
  this.$refs.echartsBody2.style.zIndex = -1;
});

myChart.on('hideTip', function () {
  this.$refs.echartsBody2.style.zIndex = 1;
});

请注意，这个解决方案假设echartsBody2元素的位置是相对的（position: relative）或者绝对的（position: absolute），因为z-index只对这些元素有效。