国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

微信小程序如何引入使用ECharts(附帶自定義定制流程)

這篇具有很好參考價(jià)值的文章主要介紹了微信小程序如何引入使用ECharts(附帶自定義定制流程)。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

微信小程序引入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)目
微信小程序使用echarts,微信小程序,echarts,小程序點(diǎn)擊使用手冊找到應(yīng)用篇

微信小程序使用echarts,微信小程序,echarts,小程序或者在搜索框搜索小程序也可以找到。

第二部

使用git Bash Here拉取項(xiàng)目echarts-for-weixin的代碼

微信小程序使用echarts,微信小程序,echarts,小程序

第三步

拷貝項(xiàng)目中的ec-canvas文件夾到項(xiàng)目中的pages同級目錄下
微信小程序使用echarts,微信小程序,echarts,小程序
到這里已經(jīng)完成了然后去看項(xiàng)目的案例即可套入使用,案例在下載的echarts-for-weixin項(xiàng)目中

擴(kuò)展

到這一步的時(shí)候已經(jīng)算是完成了,但這時(shí)候發(fā)現(xiàn)引入的echarts太大,這個(gè)時(shí)候希望包的體積能減少。

那么就可以去官方哪里,進(jìn)行在線定制表格,選取自己需要的表格和規(guī)格

微信小程序使用echarts,微信小程序,echarts,小程序

然后選好表格后,根據(jù)當(dāng)前的開發(fā)環(huán)境選擇壓縮下載或者普通下載

下載完成后會有一個(gè)echarts.js文件,這個(gè)時(shí)候組需要把項(xiàng)目中的echarts.js替換成我們自定義下載的表格文件即可

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)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 微信小程序如何引入Iconfont

    微信小程序如何引入Iconfont

    在小程序中引入 Iconfont 可以通過以下步驟進(jìn)行操作: 打開 Iconfont 網(wǎng)站(https://www.iconfont.cn/)并登錄賬號,創(chuàng)建一個(gè)項(xiàng)目并添加所需的圖標(biāo)到項(xiàng)目中。 在項(xiàng)目中選中需要使用的圖標(biāo),點(diǎn)擊右上角的 “下載代碼” 按鈕。 下載生成的項(xiàng)目包,解壓后可以看到一個(gè)名為 `iconfont.

    2024年02月14日
    瀏覽(94)
  • 【微信小程序-原生開發(fā)】實(shí)用教程22 - 繪制圖表(引入 echarts,含圖表的懶加載-獲取到數(shù)據(jù)后再渲染圖表,多圖表加載等技巧)

    【微信小程序-原生開發(fā)】實(shí)用教程22 - 繪制圖表(引入 echarts,含圖表的懶加載-獲取到數(shù)據(jù)后再渲染圖表,多圖表加載等技巧)

    微信小程序中使用 echarts 需使用官方提供的 ec-canvas 組件 點(diǎn)擊下方鏈接,下載 ec-canvas 組件 https://gitcode.net/mirrors/ecomfe/echarts-for-weixin/-/tree/master 將其中的 ec-canvas 文件夾拷貝到微信小程序的分包中 ( 因 ec-canvas 組件較大,約 1M,若放在主包中很容易超出 2M 的大小限制,不了解

    2024年02月09日
    瀏覽(25)
  • 微信小程序在data中定義頁面的數(shù)據(jù),以及數(shù)據(jù)如何使用

    微信小程序在data中定義頁面的數(shù)據(jù),以及數(shù)據(jù)如何使用

    以上代碼是一個(gè)小程序頁面的示例代碼,使用了 Page() 方法來定義頁面組件。在該頁面組件中,定義了一個(gè)名為 data 的對象,該對象中包含兩個(gè)屬性: info :表示一個(gè)字符串類型的數(shù)據(jù),其初始值為 \\\'init data\\\' 。 msgList :表示一個(gè)數(shù)組類型的數(shù)據(jù),其初始值為 [{msg: \\\'hello\\\'}, {ms

    2024年02月04日
    瀏覽(34)
  • 在微信小程序中如何引入iconfont

    在微信小程序中如何引入iconfont

    略 iconfont 指 https://www.iconfont.cn/。 通過 iconfont 可組建自己的圖標(biāo)庫。 注冊帳號 創(chuàng)建項(xiàng)目 添加圖標(biāo) Font Family:默認(rèn)為iconfont。當(dāng)項(xiàng)目中已有iconfont名稱的字體時(shí),需要使用不同的名字。 略 將 iconfont.css 重命名為 iconfont20231007.wxss 將 iconfont20231007.wxss 文件復(fù)制到小程序的font目錄

    2024年02月03日
    瀏覽(39)
  • 微信小程序使用echarts

    前期準(zhǔn)備 : 1.echarts提供了一個(gè)微信小程序原生組件,下載地址:ecomfe/echarts-for-weixin ,拿到 ec-canvas 文件夾 2. 到 echarts官網(wǎng) 在線定制組件包 注意:版本一定要和 ec-canvas 相同 3.將下載的 echarts.min.js 替換掉原本的 echarts.js ,小程序文件過大影響發(fā)布 4.引入 ec-canvas.json ec-canvas

    2023年04月23日
    瀏覽(24)
  • 微信小程序如何引入moment和lodash

    1、在app.js同級目錄下,打開終端,初始化npm,執(zhí)行 2、打開微信開發(fā)工具,在最上面當(dāng)行區(qū)域選擇工具,點(diǎn)擊構(gòu)建npm 3、引入moment使用 1、打開終端,執(zhí)行 2、在utils文件夾下新建一個(gè)lodash-fix.js文件,文件內(nèi)容如下 3、引入lodash-fix和lodash并使用

    2024年02月17日
    瀏覽(22)
  • 微信小程序中使用echarts方法

    微信小程序中使用echarts方法

    echarts是一個(gè)基于JS的數(shù)據(jù)可視化圖標(biāo)庫,它提供了直觀,生動,可交互,可個(gè)性定制的數(shù)據(jù)可視化圖表。一般在vue中會使用到,并且官網(wǎng)也詳細(xì)的說明了如何在vue中使用,但是今天我想來探討的是,如何在 微信小程序中使用echarts : 1. ec-canvas的github倉庫 官網(wǎng)中介紹到:echa

    2024年02月15日
    瀏覽(27)
  • UNIAPP微信小程序使用Echarts

    UNIAPP微信小程序使用Echarts

    ? 最近要在uniapp做的小程序中使用echarts,網(wǎng)上搜了很多教程都很麻煩,這里提供一種簡便快捷CV方案。 ? 先說下圖表選型的問題,如果你只用于微信小程序,可以使用本方案,Echarts豐富多樣的圖表和廣大的開源圖庫都已使用。如果要考慮兼容性問題,比如兼容支付寶小程序

    2024年02月09日
    瀏覽(25)
  • uniapp 微信小程序使用echarts

    本文目的:通過分包的方式,盡可能在微信小程序中使用最新的echarts。 當(dāng)然你也可以直接使用現(xiàn)成的uchart或者市場里別人封好的echarts. 準(zhǔn)備工作 下載echarts-for-weixin源碼。 復(fù)制 ec-canvas 文件夾以及下屬文件,在uniapp項(xiàng)目中與pages同級的地方創(chuàng)建 wxcomponents 文件夾,將復(fù)制的文件

    2024年02月04日
    瀏覽(24)
  • 微信小程序使用ECharts----折線圖

    微信小程序使用ECharts----折線圖

    微信小程序的開發(fā)者在很多情況下需要使用圖形化數(shù)據(jù)展示,現(xiàn)有的 ECharts 這樣的可視化工具由于一些原因并不能在微信小程序中使用。 因此,ECharts 團(tuán)隊(duì)和微信小程序官方團(tuán)隊(duì)合作,提供了 ECharts 的微信小程序版本。開發(fā)者可以通過熟悉的 ECharts 配置方式,快速開發(fā)圖表,

    2024年04月15日
    瀏覽(23)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包