zoukankan      html  css  js  c++  java
  • uniapp中使用ucharts图表时点击时图表闪烁

    今天uniapp项目中使用ucharts画一个分组柱状图,小程序预览时发现点击时颜色一直闪烁,背景也一直闪烁。

    后来发现问题所在:

      原来的情况是需要弹出选择框,但是canvas小程序的层级太高会遮住原生组件,所以需要在弹出选择框时转换成图片。所以我在每次图像渲染完成后都使用uni.canvasToTemplateFile把该canvas转换成图片格式,代码如下:

    canvaColumn.addEventListener('renderComplete', () => {
                        uni.canvasToTempFilePath({
                            canvasId: "canvasColumn",
                            success: (res) => {
                                console.log("图表渲染完成");
                                that.canvasImg = res.tempFilePath;
                            }
                            complete(res){
                                console.log(res);
                            }
                        }, that)
                    });

    后来发现每一次拖动图表,都会执行很多次的重新渲染,且点击也会重新渲染,才意识到可能是这个问题,

    解决方法:只在弹出选择框时执行canvasToTemPlate方法,果然解决了

  • 相关阅读:
    map迭代器
    线段树——校门外的树
    并查集——C
    并查集
    数论—— LCM
    【动态规划】合唱队形
    线段树——D
    线段树——E
    逆元,exgcd,欧拉定理,费马小定理
    待学知识点
  • 原文地址:https://www.cnblogs.com/codexlx/p/13426108.html
Copyright © 2011-2022 走看看