echarts大屏自适应

Echarts大屏自适应可以通过以下几种方式实现：

1. 使用百分比布局：在HTML中设置Echarts容器的宽度和高度为百分比值，例如设置宽度为100%，高度为100%，这样Echarts图表会随父容器的大小自动调整。

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

2. 监听窗口大小变化事件：使用JavaScript监听窗口大小变化事件，当窗口大小发生变化时重新调整Echarts图表的大小。

window.addEventListener('resize', function () {
    myChart.resize();
});

3. 使用CSS媒体查询：根据不同的设备或屏幕大小，使用CSS媒体查询来动态调整Echarts图表的样式和布局。

@media screen and (max-width: 768px) {
    #chart-container {
        width: 100%;
        height: 300px;
    }
}

@media screen and (min-width: 768px) {
    #chart-container {
        width: 50%;
        height: 400px;
    }
}

以上是一些常用的方法来实现Echarts大屏自适应，具体的实现方式可以根据项目的需求和场景进行选择。希望能对你有所帮助！