echarts根据父级div大小自动适应大小

使用ECharts时，可以通过设置ECharts实例的宽度和高度来控制其大小，但是如果希望ECharts能够自适应父级div的大小，则需要进行一些调整。

一种方法是通过JavaScript动态获取父级div的大小，并将其作为ECharts实例的宽度和高度，例如：

var chartDom = document.getElementById('chart');
var myChart = echarts.init(chartDom);

// 获取父级div的大小
var width = chartDom.clientWidth;
var height = chartDom.clientHeight;

// 设置ECharts实例的宽度和高度
myChart.resize({
  width: width,
  height: height
});

// 在window的resize事件中监听父级div的大小变化，并更新ECharts实例的大小
window.addEventListener('resize', function() {
  var width = chartDom.clientWidth;
  var height = chartDom.clientHeight;
  myChart.resize({
    width: width,
    height: height
  });
});

另一种方法是使用CSS样式来控制ECharts的大小，例如：

<div id="chart" style="width: 100%; height: 100%;"></div>

这里将父级div的宽度和高度设置为100%，然后在ECharts实例的初始化代码中，设置ECharts的宽度和高度为父级div的大小：

var chartDom = document.getElementById('chart');
var myChart = echarts.init(chartDom);

// 设置ECharts实例的宽度和高度为父级div的大小
myChart.resize();

这样，在父级div的大小变化时，ECharts实例的大小也会自动调整。