echarts宽度随页面变化

如果您希望echarts图表的宽度可以随着页面的变化而自动调整，可以使用百分比来定义echarts容器的宽度。例如，您可以在HTML中设置容器的样式如下：

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

这将使echarts容器的宽度始终为其父元素的100%。然后，在JavaScript中，您可以初始化echarts实例并指定容器的ID：

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

此时，echarts图表将自动适应容器的宽度，并随着页面的变化而自动调整。如果您希望在页面大小改变时重新绘制echarts图表，请使用window的resize事件来触发重新绘制：

window.onresize = function() {
  myChart.resize();
}