官网地址:
1.下载安装
npm install -S v-charts
2.在plugin文件夹下新建v-charts.js文件,并且引入和注册ve-line组件
import Vue from 'vue'
import VEline from 'v-charts/lib/line.common' // 按需引入
Vue.component('ve-line', VEline) // 注册组件
3.在main.js中引入文件
import './plugins/v-charts'
或者是,在项目文件夹plugins/v-chart.js中,这样使用插件
import Vue from 'vue'
import VCharts from 'v-charts'
import 'v-charts/lib/style.css'
Vue.use(VCharts)
到这里我发现他这个版本是1.19.0,好久没更新了,无法和echarts@5.0.0以上的版本适配了,而且我项目中想要使用vue-echarts@6.2.3(目前最新版),这三个我琢磨半天实在是不能一起了,vue-echarts貌似用低版本是可以和echarts4.几的版本适配,但是低版本比如(5.0.0@beta..)这个不能显示我的图表了。于是我弃用这个v-chart了。