echarts 浏览器宽度自适应变化、兼容移动设备----实战

• 如果要是页面上的图表都要自适应。则需要将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;