1:在初次安裝的時(shí)候据途,用的是官方推薦
npm i v-charts echarts -S
但是在引入的時(shí)候總是報(bào)錯(cuò),換了下面這個(gè)指令就可以了呀潭,
npm install v-echarts echarts --save
2:可以按需引入或者全局引入
全局引入:
// 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)})
3:數(shù)據(jù)
v-charts數(shù)據(jù)主要由兩部分組成昔逗,指標(biāo)和緯度
緯度類似我們X軸的參數(shù)降传,指標(biāo)就是我們當(dāng)前緯度我們需要展示的數(shù)據(jù),所以注意我們的數(shù)據(jù)結(jié)構(gòu)勾怒,簡(jiǎn)單的結(jié)構(gòu)如下婆排,
[圖片上傳失敗...(image-9f6f7-1534904080786)]
[圖片上傳失敗...(image-ef4475-1534904080786)]
其他的文檔上面很詳細(xì),主演是數(shù)據(jù)的組裝和更換
參考:
https://blog.csdn.net/weixin_39568103/article/details/80507323