- 如果要是页面上的图表都要自适应。则需要将resize事件叠加在不同的图上面,使用一下代码可以实现。
- 实现自适应的效果代码:window.onresize = option.chart.resize(), 这个代码基本是官网上的window.onresize = myCharts.resize();的翻版。
更新
通过window来获取高宽,最终导致pc实用但是各个手机终端乱了套,所以还是要判断设备分块设置,采用可视区域宽高解决了移动端不适配的问题
通过window来获取高宽,最终导致pc实用但是各个手机终端乱了套,所以还是要判断设备分块设置,采用可视区域宽高解决了移动端不适配的问题
通过window来获取高宽,最终导致pc实用但是各个手机终端乱了套,所以还是要判断设备分块设置,采用可视区域宽高解决了移动端不适配的问题
html
<div id="main"></div>
css
#main {
position: relative;
}
javascript
<script src="../js/echarts.min.js"></script>
<script src="../js/jquery1.7.js"></script>
<script type="text/javascript">
var width;