码迷,mamicode.com
首页 > 其他好文 > 详细

mui在tab选项卡中echarts图表不能动态随页面变化大小 只能固定大小

时间:2019-07-05 11:13:10      阅读:233      评论:0      收藏:0      [点我收藏+]

标签:apc   通过   color   窗体   参数   不能   code   tab选项卡   div   

在mui tab选项卡中一直都不能让echarts动态变化大小 只能固定大小来展示图表,网上说的window.onresize = mycharts.resize;方法根本就没有效果,后面在https://blog.csdn.net/dreamcarp/article/details/71439060 博客才找到了解决方法,特意记录下来

浏览器有warning:cannot get height and width.

解决方法:

//echarts-content是echarts图表div的id
var worldMapContainer = document.querySelector(‘#echarts-content‘);
// 用于使chart自适应高度和宽度,通过窗体高宽计算容器高宽
var resizeWorldMapContainer = function () {
worldMapContainer.style.width = window.innerWidth + ‘px‘;
worldMapContainer.style.height = 300 + ‘px‘;
};
// 设置容器高宽
resizeWorldMapContainer();
// 基于准备好的dom,初始化echarts实例
var mycharts = echarts.init(worldMapContainer);
//设置图表参数
var option = {};

mycharts.setOption(option);
window.onresize = mycharts.resize;

 

mui在tab选项卡中echarts图表不能动态随页面变化大小 只能固定大小

标签:apc   通过   color   窗体   参数   不能   code   tab选项卡   div   

原文地址:https://www.cnblogs.com/attentle/p/11136872.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!