echarts自适应

Echarts可以通过设置图表容器的宽度和高度来实现自适应。

首先，在容器的HTML标签中，设置一个id属性，例如：

<div id="myChart" style="width: 100%;height: 400px;"></div>

然后在JavaScript代码中，使用Echarts的init函数初始化图表，并在window对象的resize事件中重新设置图表容器的宽度和高度，例如：

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

//设置图表配置项和数据

//当窗口大小改变时，重新设置图表容器的宽度和高度
window.addEventListener('resize', function () {
    myChart.resize();
});

这样，当窗口大小改变时，图表容器的宽度和高度会自动改变，并且图表也会自适应调整。