2018-08-22

1:在初次安裝的時候,用的是官方推薦

npm i v-charts echarts -S
但是在引入的時候總是報錯,換了下面這個指令就可以了,
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é)構(gòu)如下,

            [圖片上傳失敗...(image-9f6f7-1534904080786)]

[圖片上傳失敗...(image-ef4475-1534904080786)]

其他的文檔上面很詳細(xì),主演是數(shù)據(jù)的組裝和更換

參考:
https://blog.csdn.net/weixin_39568103/article/details/80507323

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容