echarts 树状图节点自定义图片首次加载不显示的问题

Posted listen9436

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts 树状图节点自定义图片首次加载不显示的问题相关的知识,希望对你有一定的参考价值。

 

问题:

echarts 树状图节点自定义图片首次加载不显示,点击一下才可以显示出来

本以为是图片预加载问题,搞了好久毫无卵用。

 

技术图片

因为之前监听了窗口改变事件,突然发现改变屏幕大小后,图片也会显示出来。

既然再改变屏幕后可以显示,那么就让他改变!可以借此避过 树状图这个bug

 

解决方法:

在首次加载图表后 手动调用一次 resize() 改变图表大小 方法 

技术图片

 

 

 

 

 下面提两种 图片预加载方法:

1,直接将图片引入为模块

 require  imgUrl  from "../assets/test.png"

2,将imgUrl放在数据里

data(){

        return {

            imgUrl: require("../assets/test.png")

        }

    }

以上是关于echarts 树状图节点自定义图片首次加载不显示的问题的主要内容,如果未能解决你的问题,请参考以下文章

一步步实现这个炫酷的树状节点图自定义控件

一步步实现这个炫酷的树状节点图自定义控件

echarts2.*版本tree树图点击节点加载数据(或点击节点收缩)实现参考

echarts中symbol使用本地自定义图片

自定义HarmonyOS启动页组件

echarts 自定义图表