echart横向铺满高度自适应

ECharts是一个基于JavaScript的开源可视化库，用于构建交互式的图表和数据可视化。要实现ECharts横向铺满高度自适应的效果，可以按照以下步骤进行操作：

1. 在HTML文件中引入ECharts的库文件：

<script src="https://cdn.jsdelivr.net/npm/echarts@5.2.0/dist/echarts.min.js"></script>

2. 创建一个具有固定高度的容器元素，用于容纳图表：

<div id="chartContainer" style="height: 400px;"></div>

这里设置了一个高度为400px的容器，你可以根据实际需求进行调整。

3. 在JavaScript代码中初始化并配置ECharts图表，并将其绑定到容器元素上：

// 获取容器元素
var chartContainer = document.getElementById('chartContainer');

// 初始化图表
var chart = echarts.init(chartContainer);

// 配置图表选项
var option = {
    // 图表的配置项...
};

// 设置图表的宽度和高度为容器元素的实际宽度和高度
chart.resize();

// 使用配置项显示图表
chart.setOption(option);

在上述代码中，通过调用`chart.resize()`方法可以使图表自适应容器的宽度和高度。

4. 根据需要调整图表的样式和配置项，例如设置图表的宽度为100%以横向铺满父容器：

var option = {
    // 图表的配置项...
    grid: {
        left: '0%',
        right: '0%',
        bottom: '0%',
        top: '0%',
        containLabel: true
    }
};

在上述代码中，通过设置`grid`的`left`、`right`、`bottom`和`top`属性为百分比值，可以使图表横向铺满父容器。