收藏
回答

小程序引入ec-canvas柱状图后,滚动页面时柱状图无法固定位置,怎么解决呀?

小程序引入了echart的柱状图,在页面上使用时发现,柱状图浮动在view上,会跟随页面滚动向下滚。使用force-use-old-canvas="true"确实不会随着滚动条滚动了,但是控制台建议关闭旧的canvas。这个canvas如果一直使用旧的会不会有什么影响呀,或者怎么解决柱状图滚动呢?图3是我特意做了很大一段间隔,图4是我使用了force-use-old-canvas="true"的效果

回答关注问题邀请回答
收藏

1 个回答

  • 微盟
    微盟
    01-12

    在小程序中使用 echarts 时,柱状图跟随页面滚动可能是因为 canvas 默认具有滚动特性,导致它会随着页面的滚动而滚动。对于这个问题,你可以考虑以下解决方案:

    1. 使用 scroll-view 包裹:将包含柱状图的部分放置在一个 scroll-view 中,并设置 scroll-view 的样式和滚动方向,从而控制柱状图的滚动。
    2. 调整布局:重新审视页面的布局结构,在确保视觉效果不受影响的情况下,尝试通过布局的调整来解决柱状图滚动的问题。
    3. 使用 force-use-old-canvas:虽然开启了 force-use-old-canvas 可以解决柱状图滚动的问题,但需要注意这会强制小程序使用旧版的 canvas 实现,可能会导致一些性能上的折衷和兼容性问题。


    01-12
    有用
    回复
登录 后发表内容