收藏
回答

ios下Echarts图表不能滑动的问题?

小程序在使用echarts后滑动到echarts部分后就无法滑动了。ios端有这个问题,鸿蒙和安卓是好用的。

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

3 个回答

  • 徐达
    徐达
    03-27

    兄弟,我刚也复现了,iOS下真机有问题,安卓没问题

    03-27
    有用
    回复 1
    • 徐达
      徐达
      03-27
      我刚整体看过,是canvas在ios真机上的bug,只要绑定了
      bindtouchstart eventhandle 否 手指触摸动作开始 1.0.0
      bindtouchmove eventhandle 否 手指触摸后移动 1.0.0
      bindtouchend eventhandle 否 手指触摸动作结束 1.0.0
      中任意一个,哪怕绑定方法中啥都不干,就没法滑动了
      03-27
      回复
  • Yearn
    Yearn
    03-27

    initChart_fb: function (fbData) {

        this.chart7 = this.selectComponent('#echart-fb'); //去获取echarts

        this.chart7.init((canvas, width, height, dpr) => {

          const chart = echarts.init(canvas, 'roma', {

            width: width,

            height: height,

            devicePixelRatio: dpr

          });

          canvas.setChart(chart);

          var option = {

            tooltip: {

              trigger: 'item',

              formatter(params) {

                //params 主要在上面的代码中push进去 自己所需的数据 params的data就能拿到

                return params.data.name;

              },

            },

            series: [

              {

                nodeClick: 'zoomToNode',

                leafDepth: 1,

                roam: false,

                breadcrumb: {

                  top: '92%',

                },

                name: "分布",

                type: 'treemap',

                itemStyle: {

                  borderColor: '#fff',

                  borderWidth: 1,

                },

                data: fbData

              }

            ]

          };


          chart.setOption(option);

          return chart;

        })

      },


    03-27
    有用
    回复
  • 0
    0
    03-27

    有代码片段吗 看看

    03-27
    有用
    回复 1
    • Yearn
      Yearn
      03-27
      麻烦看下回答,我贴进来了
      03-27
      回复
登录 后发表内容