要使echarts圖表能根據屏幕大小自動調整，可以使用以下方法：
1. 設置容器的寬度和高度為百分比：將echarts圖表的容器元素的寬度和高度設置為百分比值，以使其相對于父容器自動調整大小。
<div id="chartContainer" style="width: 100%; height: 100%;"></div>
2. 使用window的resize事件：可以監聽窗口大小改變的事件，并在事件回調函數中重新調整echarts圖表的大小。
// 獲取圖表容器元素var chartContainer = document.getElementById('chartContainer');
// 初始化圖表
var myChart = echarts.init(chartContainer);
// 監聽窗口大小改變事件
window.addEventListener('resize', function() {
// 調整圖表大小
myChart.resize();
});
這樣，當窗口大小發生改變時，圖表會自動調整大小以適應新的窗口尺寸。
3. 使用CSS媒體查詢：通過使用CSS媒體查詢，可以根據不同的屏幕尺寸應用不同的樣式，從而實現自適應布局。
@media (max-width: 768px) { /* 在小屏幕上的樣式 */
#chartContainer {
width: 100%;
height: 300px;
}
}
@media (min-width: 769px) {
/* 在大屏幕上的樣式 */
#chartContainer {
width: 100%;
height: 600px;
}
}
在上面的示例中，當屏幕尺寸小于等于768px時，圖表容器的高度為300px；當屏幕尺寸大于769px時，圖表容器的高度為600px。這樣可以根據屏幕大小自動調整圖表的大小。
以上是幾種常見的方法，你可以根據具體需求選擇適合的方法來實現echarts圖表的自適應布局。
