如何将 2 个图表并排放置

Question

我有两个饼图，我想知道如何在 vue.js 的同一行上找到两个图表。 google了一下，还是不行。

代码：

<div id="block_container">
  <div v-if="data !== undefined">
    <div :id="chart1">
      <pie-chart
        :options="options"
        :data="data"
      ></pie-chart>
    </div>
    <div :id="chart2">
      <pie-chart
         :options="options"
         :data="data"
      ></pie-chart>
    </div>
  </div>
</div>

<style>
  #block_container {
    display: flex;
  }
</style>

Answer 1

div 内部有一个 div <div v-if="data !== undefined">，ID 为 #block_container 尝试重新排列 html 结构或设置内部 <div v-if="data !== undefined"> 的样式