设置display:none属性时,导致echarts图表宽度错误

设置display:none属性时,导致echarts图表宽度错误
原因:echarts容器初始化时的display为none,导致echarts初始化时获取不到容器的宽度
解决方法:网上百度的方法 1.给盒子设置固定宽度(测试不行)
2.display:none设置为visibility:hidden(可以正确显示但是不满足业务要求)
3.使用this.$nextTict();(在节点渲染完成后再去渲染echarts图表)

 this.$nextTick(() => {
                let myEchart = this.$echarts.init(document.getElementById("iconContent"));
            myEchart.setOption(option);
            });

你可能感兴趣的:(语言,echarts,前端,javascript)