收藏
回答

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

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

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

2 个回答

  • Mr.付໌້ᮨ
    Mr.付໌້ᮨ
    06-04

    小程序ec-canvas 超出屏幕能左右滑动吗


    06-04
    有用 1
    回复 4
    • 啊哈
      啊哈
      06-07
      大佬解决了没。我也遇到这个问题
      06-07
      回复
    • 可达鸭
      可达鸭
      07-05回复啊哈
      我解决了,你还需要么?
      07-05
      回复
    • H¨
      07-22回复可达鸭
      需要需要  刚遇到  怎么解决啊?大佬
      07-22
      回复
    • 何金
      何金
      09-24回复可达鸭
      老哥 求个解决方案
      09-24
      回复
  • 微盟
    微盟
    01-12

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

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


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