導航:首頁 > 軟體知識 > 微信小程序如何調用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相關的資料

熱點內容
去法令紋什麼產品好小紅書 瀏覽:726
規避市場的金融工具有哪些 瀏覽:967
自然人信息被監控了怎麼辦 瀏覽:632
德州市哪裡有郵票市場 瀏覽:445
代理韻達快遞點需要什麼條件 瀏覽:884
穿越火線最早什麼時間有交易寶箱 瀏覽:57
松江財務記賬代理如何做 瀏覽:91
交易所本質有哪些 瀏覽:221
信息安全如何分等級 瀏覽:693
怎樣注冊公司如何代理 瀏覽:859
當前資料庫怎麼查看 瀏覽:899
股市交易量少什麼情況 瀏覽:61
交易貓首次交易和多次交易哪個好 瀏覽:834
深圳耳機元件市場在哪裡 瀏覽:441
掌上tcg小程序為什麼進不去 瀏覽:250
收到招聘信息後多久放款 瀏覽:342
文科生如何做數據研究 瀏覽:719
網易雲大數據應用了什麼方式 瀏覽:714
數據不足什麼意思 瀏覽:413
如何代理旅遊一卡通 瀏覽:511