1. 当存储容器没有指定大小时,可在实例化是指定图表的大小

  1. var myECharts = echarts.init(document.getElementById("main"),null,{width:1200,height:600})

2. 响应容器大小的变化

  1. ## 当容器大小变化时,图表大小也相应变化
  2. // 通过监听页面的 window.onresize 事件获取浏览器大小改变的事件,然后调用 echartsInstance.resize 改变图表的大小。
  3. var myECharts = echarts.init(document.getElementById("main"))
  4. window.onresize = function(){
  5. myECharts.resize() // 实现图表的自适应
  6. }
  7. 也可通过在myECharts.resize()中设置宽高先限定图表的宽高