v-charts使用图表

2020-03-23  本文已影响0人  七號7777

v-charts是基于 Vue2.0 和 echarts 封装的 v-charts 图表组件,只需要统一提供一种对前后端都友好的数据格式设置简单的配置项,便可轻松生成常见的图表。

官网: http://datav.jiaminghi.com/guide/

安装方式(官方推荐):
npm i v-charts echarts -S
有可能在引入的时候总是报错,换了下面这个指令就可以了
npm install v-echarts echarts --save

全局引入

// 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'
import App from './App.vue'
 
Vue.component(VeLine.name, VeLine)
 
new Vue({
  el: '#app',
  render: h => h(App)
})
上一篇下一篇

猜你喜欢

热点阅读