前端echarts图适应浏览器放大缩小

要使前端 echarts 图适应浏览器的放大缩小，你可以使用以下方法：

1. 使用百分比或相对单位设置容器大小：在容器元素中，使用百分比或相对单位（如em、rem）来设置宽度和高度。这样，在浏览器缩放时，容器会自动调整大小，从而使echarts图也自适应调整。

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

2. 监听窗口大小改变事件：通过JavaScript监听窗口大小改变事件，当窗口大小改变时，重新调整echarts图的大小。

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

其中，`chart` 是 echarts 实例化对象的名称。

3. 使用 echarts 的 `resize` 方法：echarts 提供了一个 `resize` 方法，可以手动调整图表的大小。

chart.resize();

你可以在适当的时候调用该方法，比如在窗口大小改变时或者其他需要重新调整大小的时机。

通过以上方法，你可以实现echarts图在浏览器放大缩小时的自适应调整。