ucharts 层级过高

因 canvas 在微信小程序是原生组件，如果使用自定义 tabbar 或者自定义导航栏，图表则会超出预期，此时需要给组件的 canvas2d 传值 true 来使用 type=’2d’ 的功能。

开启此模式后，一定要在组件上自定义 canvasId，不能为数字开头、要为随机字符串！不能真机调试，开发者工具显示不正常，图表层级会变高，而正常预览或者发布上线则是正常状态，请以真机预览为准。因微信开发者工具显示不正确，canvas2d 这种模式下给调试带来了困难，开发时，可以先用 :canvas2d=”false” 来调试，预览无误后再改成 true。

<view class="charts-box">
		<qiun-data-charts type="pie" :opts="opts" :chartData="chartData" :canvas2d="true" canvasId="canvas2" />
	</view>

赏

谢谢你请我吃糖果

支付宝

微信

• 本文作者： 不想
• 本文链接： https://evacat.top/2021/04/13/ucharts图表层级过高问题/
• 版权声明： 本博客所有文章除特别声明外，均采用 MIT 许可协议。转载请注明出处！