微信小程序引入ECharts教程
開發(fā)中有時(shí)候避免不了引入各種第三方庫,以下是詳細(xì)講解了微信小程序如何引入ECharts圖表
第一步
去echarts官網(wǎng)。下載echarts-for-weixin項(xiàng)目
官網(wǎng)地址 https://echarts.apache.org/zh/index.html
根據(jù)以下操作找到小程序需要下載的項(xiàng)目點(diǎn)擊使用手冊找到應(yīng)用篇
或者在搜索框搜索小程序也可以找到。
第二部
使用git Bash Here拉取項(xiàng)目echarts-for-weixin的代碼
第三步
拷貝項(xiàng)目中的ec-canvas文件夾到項(xiàng)目中的pages同級目錄下
到這里已經(jīng)完成了然后去看項(xiàng)目的案例即可套入使用,案例在下載的echarts-for-weixin項(xiàng)目中
擴(kuò)展
到這一步的時(shí)候已經(jīng)算是完成了,但這時(shí)候發(fā)現(xiàn)引入的echarts太大,這個(gè)時(shí)候希望包的體積能減少。
那么就可以去官方哪里,進(jìn)行在線定制表格,選取自己需要的表格和規(guī)格
然后選好表格后,根據(jù)當(dāng)前的開發(fā)環(huán)境選擇壓縮下載或者普通下載
下載完成后會有一個(gè)echarts.js文件,這個(gè)時(shí)候組需要把項(xiàng)目中的echarts.js替換成我們自定義下載的表格文件即可文章來源:http://www.zghlxwxcb.cn/news/detail-719315.html
ps:壓縮文件下載的后綴是echarts.min.js的,我們可以改成echarts.js;不會影響這個(gè)文件的內(nèi)容,普通文件可以讓我們更加直觀的檢查代碼。如果是使用TypeScript模板開發(fā)的小程序可以把后綴改成.ts文章來源地址http://www.zghlxwxcb.cn/news/detail-719315.html
到了這里,關(guān)于微信小程序如何引入使用ECharts(附帶自定義定制流程)的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!