vue2项目中,v-charts插件踩坑经历,弃用了。

578 阅读1分钟

官网地址:

vue-echarts.github.io/guide/

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了。