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方法,果然解决了

  • 相关阅读:
    hdu 4027 Can you answer these queries?
    Codeforces: Empty Triangle
    hdu 3006 The Number of set
    hdu 3645 Code Management System
    进度条作控件代码
    NORMAL
    callback
    三种形状匹配脚本
    移动点动画
    脚本管理
  • 原文地址:https://www.cnblogs.com/codexlx/p/13426108.html
Copyright © 2011-2022 走看看