<nav class="mui-bar mui-bar-tab">
<a class="mui-tab-item mui-active" href="#yi">
<span class="mui-icon mui-icon-home"></span>
<span class="mui-tab-label">首页</span>
</a>
<a class="mui-tab-item" href="#er">
<span class="mui-icon mui-icon-phone"></span>
<span class="mui-tab-label">电话</span>
</a>
</nav>
<div id="er" class="mui-control-content">
<div class="mui-content">
<div class="chart" id="lineChart" style="height: 200px;width: 100%; margin: 0;padding: 0;"></div> //正常显示echarts图
</div>
</div>
<div id="er" class="mui-control-content">
<div class="mui-content">
<div class="chart" id="lineChart" style="height: 200px;width: 100%; margin: 0;padding: 0;"></div> //这个无法正常显示echarts图
</div>
</div>
1 个回复
Asion
1、在配置数据完成之后，
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
2、添加如下代码，即可适配浏览器的大小
//根据窗口的大小变动图表 --- 重点
window.onresize = function(){
myChart.resize();
//myChart1.resize();若有多个图表变动，可多写
}