echarts宽度100%变成了100px

标题echarts宽度100%变成了100px

echarts宽度100%变成了100px_第1张图片
具体问题是,我设置的width:100%,结果出来的时候就变成了100px;发现,是因为我把图放到了tab选项卡里,因为图一开始是display:none;在一开始初始化执行js的时候找不到这个元素,所以会出现问题。
1、 自适应。
2、 缩小布局不乱。
解决方法:
1、一开始就把echatrs的的宽度定死,监听浏览器大小变化,把echerts用div包裹起来,每当浏览器发生变化,拿到div的值,并赋值给echerts这个id。
echarts宽度100%变成了100px_第2张图片
2、 Tab切换显示:把第一个显示的先初始化,然后切换显示时,重新调用echerts目标函数。echarts宽度100%变成了100px_第3张图片

你可能感兴趣的:(echarts,javascript)