Javascript 如何将两个不同的图表放在一起？

我想把两个不同的海图并排放在一页里。一个是饼图，另一个是仪表图。你能帮我组织一下这个结构吗

一个选项是使用flexbox

.container{
显示器：flex；
宽度：100%；
高度：150像素；
}
.图1，
.图表2{
宽度：50%；
背景颜色：浅蓝色；
边框：薄实线；
}

图1
图2

您可以使用float。有关浮动的更多信息可用。试试这样的方法

#chart1{
    width: 50%; /* set width to 50% of page width */
    float: left; /* Make the element go to the left */
}

#chart2{
    width: 50%;
    float: right;
}

---

不要忘记向下一个元素添加

style=“clear:both”

！祝你好运希望这有帮助

您可以像这样添加引导类

<div class="col-md-12">
  <div class="col-md-6">
    Chart 1
  </div>
  <div class="col-md-6">
    Chart 2
  </div>
</div>

图1
图2

如果您熟悉bootstrap，可以使用它。请添加您当前的相关代码。回答和。请添加您当前的相关代码。。