vue+echarts实现双圆环代码

实现双圆环的代码可以使用Vue.js框架和Echarts库来完成。首先，在Vue组件中引入Echarts库：

import echarts from 'echarts'

然后，在Vue组件的`mounted`生命周期钩子函数中，创建一个Echarts实例，并且通过`setOption`方法来设置双圆环的配置参数：

mounted() {
  // 创建echarts实例
  const myChart = echarts.init(document.getElementById('chart'))
  
  // 设置双圆环的配置参数
  const option = {
    series: [
      {
        type: 'pie',
        radius: ['50%', '70%'],
        label: {
          show: false
        },
        labelLine: {
          show: false
        },
        data: [
          { value: 60, name: '圆环1' },
          { value: 40, name: '圆环2' }
        ]
      }
    ]
  }
  
  // 使用配置参数渲染图表
  myChart.setOption(option)
}

最后，在Vue组件的模板中添加一个`div`元素用于显示双圆环图表：

<template>
  <div id="chart"></div>
</template>

这样就完成了使用Vue和Echarts实现双圆环的代码。将以上代码保存到一个Vue组件中，然后在需要显示双圆环的地方使用该组件即可。