如何将两个图表放在一起？

Question

我有两个饼形图，我想知道如何在vue.js中的同一行中找到两个图表。我在谷歌上搜索了一下，但还是做不到。

代码：

<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 v-if="data !== undefined">在div中，id #block_container尝试重新安排html结构或设计内部<div v-if="data !== undefined">样式。