在微信小程序中，由于canvas是原生组件，使用自定义tabbar或导航栏时可能导致图表显示异常。为解决此问题，需设置canvas2d属性为true，并为组件指定静态的canvasId。开发期间，可以先禁用canvas2d调试，待预览无误后再启用，务必以真机预览为准，因为开发者工具可能显示不准确。
原因:因canvas在微信小程序是原生组件，如果使用自定义tabbar或者自定义导航栏，图表则会超出预期，此时需要给组件的canvas2d传值true来使用type='2d’的功能，开启此模式后，一定要在组件上自定义canvasId，不能为数字，不能动态绑定，要为随机字符串！不能“真机调试”，不能“真机调试”，不能“真机调试”开发者工具显示不正常，图表层级会变高，而正常预览或者发布上线则是正常状态，开发者不必担心，一切以真机预览为准（因微信开发者工具显示不正确，canvas2d这种模式下给调试带来了困难，开发时，可以先用:canvas2d="false"来调试，预览无误后再改成true）
<qiun-data-charts :canvas2d='true' :ontouch="true" :opts="options" type="line" :chartData="chartData" />
扫一扫
2303
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
