在html中使用echarts根据父级div大小的变化自动适应大小

要实现在HTML中使用Echarts根据父级div大小的变化自动适应大小，可以通过以下步骤进行操作：

1. 首先在HTML页面中引入Echarts的JS文件和相应的主题文件。例如：

<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.2.2/echarts.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.2.2/theme/dark.js"></script>

2. 在HTML页面中创建一个div容器，用于显示Echarts图表。例如：

<div id="chart-container" style="width: 100%; height: 500px;"></div>

3. 在JS代码中，使用Echarts的init方法初始化图表，并设置自适应大小。代码示例如下：

var chart = echarts.init(document.getElementById('chart-container'), 'dark');

// 设置自适应大小
window.addEventListener('resize', function () {
    chart.resize();
});

// 绘制图表
var option = {
    // ...
};
chart.setOption(option);

在上述代码中，我们使用window的resize事件来监听父级div大小的变化，然后调用Echarts的resize方法来自适应大小。最后，使用setOption方法来绘制图表。

通过以上步骤，就可以实现在HTML中使用Echarts根据父级div大小的变化自动适应大小了。