vue中使用v-charts代替echarts（附环形图的属性配置）

最近项目需要用到图标，发现了一个很方便的库v-charts
v-charts 官网地址 https://v-charts.js.org/#/start

安装

npm i v-charts echarts -S

引入

• 全部引入

// main.js
import Vue from 'vue'
import VCharts from 'v-charts'
import App from './App.vue'

Vue.use(VCharts)

new Vue({
  el: '#app',
  render: h => h(App)
})

• 按需引入

import Vue from 'vue'
import VeLine from 'v-charts/lib/line.common'
import App from './App.vue'

Vue.component(VeLine.name, VeLine)

new Vue({
  el: '#app',
  render: h => h(App)
})

使用