search

xiaolin3303 / wx-charts

微信小程序图表库，Charts for WeChat Mini Program
MIT License
4.91k stars 1.68k forks source link

在真机上不显示问题 #296

Open JzwOnly opened 6 years ago

JzwOnly commented 6 years ago

模拟器上显示正常 0 真机上 图表不显示，点击vConsole 图表显示到了视图最顶层 img_0592 img_0593

13241491189 commented 6 years ago

请问你这个问题解决了嘛？我现在也遇到这个问题了

JzwOnly commented 6 years ago

@13241491189 没搞定 你有什么解决方案吗

JzwOnly commented 6 years ago

@xiaolin3303

czhaoli commented 6 years ago

@JzwOnly @13241491189 把canvas渲染完输出为图片显示，把canvas设置一个定位到页面外，注意annimate设置为false，就算是update也可以快速生成新的图片 this.chart.addEventListener('renderComplete', () => { wx.canvasToTempFilePath({ canvasId: 'pieCanvas', success: (res) => { this.imgSrc = res.tempFilePath; }, fail: () => { console.log('fail'); } }) }); `

 <canvas canvas-id="pieCanvas" disable-scroll="true" class="canvas"></canvas>

`

czhaoli commented 6 years ago

这个是小程序的bug： https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html#canvas Bug & Tip tip: canvas 组件是由客户端创建的原生组件，它的层级是最高的，不能通过 z-index 控制层级。 tip: 请勿在 scroll-view、swiper、picker-view、movable-view 中使用 canvas 组件。 tip: css 动画对 canvas 组件无效。 bug: 避免设置过大的宽高，在安卓下会有crash的问题

JzwOnly commented 6 years ago

@czhaoli 感谢 之前就是放在scrollview 中出现的这个问题 找了好久没什么解决方法 最后改成了普通的view