vue.js使用echarts一分鐘簡(jiǎn)單入門(mén)

venmos 發(fā)布于2019-08-29 16:17 / 1304人閱讀

摘要：圖表的使用在企業(yè)級(jí)軟件中使用越來(lái)越普遍，前端開(kāi)發(fā)人員可以使用常用的開(kāi)源庫(kù)來(lái)進(jìn)行圖表展示的開(kāi)發(fā)，公司最近提出需要豐富系統(tǒng)首頁(yè)的內(nèi)容，趁此機(jī)會(huì)分享一下如何在使用框架下使用確定你需要引入的版本官網(wǎng)地址或者安裝按需引入。

圖表的使用在企業(yè)級(jí)軟件中使用越來(lái)越普遍，前端開(kāi)發(fā)人員可以使用常用的echarts開(kāi)源庫(kù)來(lái)進(jìn)行圖表展示的開(kāi)發(fā)，公司最近提出需要豐富系統(tǒng)首頁(yè)的內(nèi)容，趁此機(jī)會(huì)分享一下如何在使用vue.js框架下使用echarts.

1,確定你需要引入的echarts版本,官網(wǎng)地址：http://echarts.baidu.com/inde...
2,npm或者cnpm安裝

 cnpm install echarts --save

3,按需引入。這里我強(qiáng)烈推薦按需引入,echarts圖類型眾多，我們一般不需要將每個(gè)圖表都引入，這樣也有利于減少打包體積，這里我建議將每一個(gè)echarts圖封裝成一個(gè)組件。
主要代碼如下

4組件部分源碼

4實(shí)現(xiàn)效果如下

5，按需引入其他圖表，可以參考可以按需引入的模塊列表見(jiàn) https://github.com/ecomfe/ech...

云服務(wù)器 GPU云服務(wù)器三分鐘入門(mén) 一分鐘內(nèi) 大數(shù)據(jù)解讀一分鐘 php 一分鐘內(nèi)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/113653.html

相關(guān)文章

vue.js使用echarts一分鐘簡(jiǎn)單入門(mén)

摘要：圖表的使用在企業(yè)級(jí)軟件中使用越來(lái)越普遍，前端開(kāi)發(fā)人員可以使用常用的開(kāi)源庫(kù)來(lái)進(jìn)行圖表展示的開(kāi)發(fā)，公司最近提出需要豐富系統(tǒng)首頁(yè)的內(nèi)容，趁此機(jī)會(huì)分享一下如何在使用框架下使用確定你需要引入的版本官網(wǎng)地址或者安裝按需引入。圖表的使用在企業(yè)級(jí)軟件中使用越來(lái)越普遍，前端開(kāi)發(fā)人員可以使用常用的echarts開(kāi)源庫(kù)來(lái)進(jìn)行圖表展示的開(kāi)發(fā)，公司最近提出需要豐富系統(tǒng)首頁(yè)的內(nèi)容，趁此機(jī)會(huì)分享一下如何在使用vu...

chengtao1633 2019-08-23 10:43 評(píng)論0 收藏0
vue.js使用echarts一分鐘簡(jiǎn)單入門(mén)

摘要：圖表的使用在企業(yè)級(jí)軟件中使用越來(lái)越普遍，前端開(kāi)發(fā)人員可以使用常用的開(kāi)源庫(kù)來(lái)進(jìn)行圖表展示的開(kāi)發(fā)，公司最近提出需要豐富系統(tǒng)首頁(yè)的內(nèi)容，趁此機(jī)會(huì)分享一下如何在使用框架下使用確定你需要引入的版本官網(wǎng)地址或者安裝按需引入。圖表的使用在企業(yè)級(jí)軟件中使用越來(lái)越普遍，前端開(kāi)發(fā)人員可以使用常用的echarts開(kāi)源庫(kù)來(lái)進(jìn)行圖表展示的開(kāi)發(fā)，公司最近提出需要豐富系統(tǒng)首頁(yè)的內(nèi)容，趁此機(jī)會(huì)分享一下如何在使用vu...

SnaiLiu 2019-08-02 11:09 評(píng)論0 收藏0
關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥(niǎo)雀呼晴，侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門(mén)，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。蘇...

sutaking 2019-08-02 15:17 評(píng)論0 收藏0
關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥(niǎo)雀呼晴，侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門(mén)，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。蘇...

khs1994 2019-08-23 18:08 評(píng)論0 收藏0