echarts空心开口

根据提供的引用内容，可以看出这是一个使用Vue.js和Echarts.js实现的图表，具体来说是一个玫瑰图（rose chart）。空心开口的玫瑰图可以通过设置`itemStyle`中的`borderWidth`和`borderColor`属性来实现。具体来说，将`borderWidth`设置为大于0的值，将`borderColor`设置为与背景色相同的颜色即可。

下面是一个示例代码，展示如何在Vue.js和Echarts.js中实现空心开口的玫瑰图：

<template>
  <div>
    <v-chart :options="chartOptions"></v-chart>
  </div>
</template>

<script>
import VChart from 'vue-echarts'
import 'echarts/lib/chart/line'

export default {
  components: {
    VChart
  },
  data() {
    return {
      chartOptions: {
        series: [
          {
            type: 'pie',            radius: ['40%', '60%'],
            center: ['50%', '50%'],
            label: {
              show: false
            },
            itemStyle: {
              borderWidth: 10,
              borderColor: '#fff',
              opacity: 0.7
            },
            data: [
              { value: 335, name: '直接访问' },
              { value: 310, name: '邮件营销' },
              { value: 234, name: '联盟广告' },
              { value: 135, name: '视频广告' },
              { value: 1548, name: '搜索引擎' }
            ]
          }
        ]
      }
    }
  }
}
</script>