[wechat]微信小程序 echarts 无法滚动

微信小程序 echarts 无法滚动

problem

小程序如果chart图片下面还有其他内容，向上滑动时，chart图无法跟随滚动

reason

chart内部样式导致

solution

解决方案1

ec-canvas上添加属性 force-use-old-canvas=“true” 可以解决
但是发现图片的清晰度发生了改变

<ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>

<!-- after -->
<view class="container">
<ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar"  force-use-old-canvas="true" ec="{{ ec }}"></ec-canvas>
</view>

解决方案2

图的部分，不动，图下面的部分定位为fixed，且可以滚动，例如charts高度为720，charts下部分内容class为 .list

.list{
    position: fixed;
    top: 720rpx;
    left: 0;
    right: 0;
    overflow: scroll;
    bottom: 0;
}