Echarts图表隐藏情况下导出图片宽高混乱解决办法

现象

某次在开发过程中，页面展示的图片和导出时要展示的图片样式不同，所以创建了两个div来装载图表，要导出的图表设置了display:none。
出现以下状况：

图片展示混乱。

解决办法

官方文档中提到，若div是隐藏的情况下，则需要指定dom的宽高。
因此，修改js部分代码：

        let dom = document.querySelector('.' + 'chart');
        dom.style.width = '1600px';
        dom.style.height = '900px';
        _this['chart'] = _this.echarts.init(dom, _this.theme);

为需要init的dom设置宽高即可。