1.獲取移動設備的像素比
獲取系統信息 ==> wx.getSystemInfo()
API說明：wx.getSystemInfo()

const getPixelRatio = () => {let pixelRatio = 0wx.getSystemInfo({success: function (res) {pixelRatio = res.pixelRatio},fail: function () {pixelRatio = 0}})return pixelRatio }

2.初始化圖表的時候設置像素比
devicePixelRatio
API說明：echarts.init

案例：

//獲取像素比const getPixelRatio = () => {let pixelRatio = 0wx.getSystemInfo({success: function (res) {pixelRatio = res.pixelRatio},fail: function () {pixelRatio = 0}})return pixelRatio}var dpr = getPixelRatio()// 初始化圖表const chart = echarts.init(canvas, null, {// renderer: 'svg',//微信小程序中不支持該設置width: width,height: height,devicePixelRatio: dpr});setOption(chart,this);

?

總結

以上是生活随笔為你收集整理的【微信小程序】引用echarts 在真机上预览图表模糊的解决办法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。