導航:首頁 > 軟體知識 > 微信小程序如何調用echarts

微信小程序如何調用echarts

發布時間:2023-07-25 12:57:37

❶ 微信小程序開發中遇到的坑及解決辦法

taro單獨為某個項目切換taro版本環境

單獨為某一個項目升級#這樣做的好處是全局的 Taro 版本還是 1.x 的,多個項目間的依賴不沖突,其餘項目依然可以用舊版本開發。 如果你的項目里沒有安裝 Taro CLI,你需要先裝一個:

# 如果你使用 NPM

$ npm install --save-dev @tarojs/[email protected]

# 如果你使用 Yarn

$ yarn add -D @tarojs/[email protected]

echarts在小程序中滑動卡頓

由於微信小程序中,echarts的層級最高,無論設置多大層級也無法遮住echarts。而且小程序中好像只能用echarts吧。所以為了解決這個bug,我只能委屈求全了。打開ec-canvas.wxml文件,將touchStart、touchMove和touchEnd去掉了,直接刪除就好啦。這三個事件應該是做縮放的吧,我們也沒有這個縮放的需求。所以就去掉了。雖然暫時滿足的需求,還是沒有真正的解決問題。

原:

bindinit="init"

bindtouchstart="{{ ec.disableTouch ? '' : 'touchStart' }}"

bindtouchmove="{{ ec.disableTouch ? '' : 'touchMove' }}"

bindtouchend="{{ ec.disableTouch ? '' : 'touchEnd' }}"

現:

bindinit="init"

echarts在小程序中無法跟隨頁面滑動

在卡頓問題中能與echarts交互少的,可以直接使用圖片代替cannvas,即在echarts渲染完畢後將它替換為一張圖片。

如果我更新了數據,那麼就重新放出echarts,等它渲染完畢後,再次替換為一張圖片。

chart.on('finished', () => {

getCurrentInstance().page.selectComponent(id).canvasToTempFilePath({

success: res => {

console.log('res.tempFilePath====',res.tempFilePath)

this.setState({

echartImgSrc: res.tempFilePath

      })

},

    fail: res =>console.log('轉換圖片失敗', res)

});

})

render:

this.state.echartImgSrc =='' ?

  ref={this.refChart}

id={this.state.id}

canvas-id="mychart-area"

  force-use-old-canvas="true"

  ec={this.state.ec}

/>

:

<CoverImage src={this.state.echartImgSrc}></CoverImage>

閱讀全文

與微信小程序如何調用echarts相關的資料

熱點內容
聽力差的男孩適合學什麼技術 瀏覽:36
成果信息反饋承諾是什麼 瀏覽:517
寧波機械技術服務有哪些 瀏覽:190
如何去代理一個團隊 瀏覽:528
車輛保養需要登記哪些信息 瀏覽:254
信息學潛力測試考哪些內容 瀏覽:339
差額考察完了還有什麼程序 瀏覽:599
哪些家電產品需要哪些認證 瀏覽:98
易語言什麼是通用型數據 瀏覽:4
在哪裡可以看股票實時交易 瀏覽:519
等額本息貸款債務優化怎麼代理 瀏覽:381
鋁廠化工技術員每天做什麼 瀏覽:712
光遇賬號如何交易 瀏覽:828
農谷種植產什麼農產品 瀏覽:916
西充縣哪些菜市場人多 瀏覽:172
有什麼可以增強數據流量 瀏覽:338
陝西哪裡有古幣交易市場 瀏覽:295
淘寶如何刪除評價後的信息 瀏覽:283
如何評估自動駕駛技術 瀏覽:754
景區要身份證哪些信息 瀏覽:757