echarts最外层大盒子加display:flex后echarts图消失

如果您在Echarts最外层的容器上添加了 "display: flex" 样式，可能会导致Echarts图表消失，这是因为Flex布局会影响其子元素的布局方式，可能会导致Echarts图表的尺寸计算出现问题。

您可以尝试以下两种方法解决该问题：

1. 将Echarts容器的 "display" 样式设置为 "block"，以避免Flex布局影响其子元素的布局。

<div id="chart" style="display: block; height: 400px;"></div>

2. 将Echarts容器嵌套在一个Flex容器中，并将Echarts容器的 "flex" 样式设置为 "1"，以使其自适应Flex容器的大小。

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

希望以上方法能够帮助您解决问题。