今天在工作中遇到一个问题
layui 框架的首页放置了 echarts,但是刷新别的页面的时候,再回到echarts 页面,发现 div 高度变小了。
解决方式:
- 引入js
<script src="https://cdn.bootcdn.net/ajax/libs/jquery-resize/1.0/jquery.ba-resize.js"></script>
- 在完成绘画echarts后添加代码:$(window).resize(myChart.resize);
var dom = document.getElementById("jindu");
var myChart = echarts.init(dom);
option = {
......
}
myChart.setOption(option);
$(window).resize(myChart.resize);