一、进入 renren-fast-vue项目目录下
二、下载v-charts依赖
(一开始网上找的索嗨教程使用的是npm i v-charts echarts -S然后我照着跑了,发现有毛病,也懒的找原因)
执行 npm install v-echarts echarts --save 或者 cnpm install v-echarts echarts --save(推荐使用)
使用npm install v-echarts echarts --save下载v-charts依赖包可能导致某些下载失败
使用cnpm install v-echarts echarts --save后安装正正常,而且非常的快,如果你还没有配置淘宝cnpm执行下面命令就可以了
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完v-charts依赖后
配置renren-fast-vue目录下的main.js
我这里是直接全局使用,如果想按需引入到官网上看看按需引入的用法,这里不做介绍
v-charts官网:https://v-charts.js.org/#/
三、在main.js文件中加如下配置
import VCharts from 'v-charts'
Vue.use(VCharts)
现在加完之后可以使用v-charts了
想用什么图表组件可以到收刮了
这里我在官网上随便找了个图表放在home.vue页面上
启动项目后就可以看到
这么清爽的界面了
ok,分享结束,有问题可以留言