多个echarts放在div一行显示

要将多个Echarts图表放在一行显示，可以使用CSS的flex布局来实现。通过将Echarts图表包装在一个父级DIV容器中，并使用flex布局来控制其在父级容器中的排列方式，可以轻松实现多个Echarts图表的横向显示。

首先，在HTML中创建一个父级DIV容器，设置其样式为display: flex，这样子元素会以水平方向排列。

然后，在父级DIV容器中创建多个子级DIV，每个子级DIV用来包裹一个Echarts图表。

接下来，使用JavaScript代码获取每个子级DIV的宽度，并根据宽度设置Echarts图表的大小。可以使用Echarts提供的方法来设置图表的大小，例如使用setOption方法中的option属性来定义图表的宽度和高度。

最后，使用Echarts的init方法将图表渲染到对应的子级DIV中。

整个过程的代码如下所示：

HTML代码：
<div id="echarts-container" style="display: flex;"></div>

JavaScript代码：
var container = document.getElementById('echarts-container');
var echart1 = document.createElement('div');
var echart2 = document.createElement('div');
var echart3 = document.createElement('div');

echart1.style.width = container.offsetWidth / 3 + 'px';
echart2.style.width = container.offsetWidth / 3 + 'px';
echart3.style.width = container.offsetWidth / 3 + 'px';

container.appendChild(echart1);
container.appendChild(echart2);
container.appendChild(echart3);

var chart1 = echarts.init(echart1);
var chart2 = echarts.init(echart2);
var chart3 = echarts.init(echart3);

// 设置图表的option属性，包括数据和样式等
// ...

chart1.setOption(option1);
chart2.setOption(option2);
chart3.setOption(option3);

通过以上的代码，就可以实现将多个Echarts图表水平排列在一行并显示在网页上。需要注意的是，需要在页面上引入Echarts的js文件，并在代码中使用正确的Echarts API来初始化图表和设置图表的数据和样式。