uniapp微信小程序使用ucharts2.0解决穿透(遮挡|层级问题)

如果出现模糊问题,修改pixelRatio为2或者3即可,模拟器还是会有穿透问题,但是真机可以,就不折腾了。基本都是复制粘贴,只是梳理一下流程,最大的问题解决了,细节性的问题慢慢调呗。

第一步:引入u-charts-v2.0.0.js(https://gitee.com/uCharts/uCharts/blob/master/qiun-data-charts/uni_modules/qiun-data-charts/js_sdk/u-charts/u-charts-v2.0.0.js)和测试数据demodata.json(https://gitee.com/uCharts/uCharts/blob/master/qiun-data-charts/mockdata/demodata.json)

第二步,新建一个vue文件存放以下代码,以便于其他地方调用






第三步:任意一个vue文件使用,跟vue完全一样

uniapp微信小程序使用ucharts2.0解决穿透(遮挡|层级问题)_第1张图片

模拟器效果

uniapp微信小程序使用ucharts2.0解决穿透(遮挡|层级问题)_第2张图片

真机效果

uniapp微信小程序使用ucharts2.0解决穿透(遮挡|层级问题)_第3张图片

 

你可能感兴趣的:(ucharts2.0,canvas,小程序,canvas,前端)