如何将两个双划线图放在一起？

<div id="chart-container">
  <!-- 双划线图1 -->
  <div class="chart" id="chart1"></div>
  <!-- 双划线图2 -->
  <div class="chart" id="chart2"></div>
</div>

#chart-container {
  display: flex;
}

.chart {
  width: 50%;
  height: 300px;
}

// 渲染双划线图1
var chart1 = new Chart(document.getElementById("chart1"), {
  type: 'line',
  data: {
    // 数据设置
  },
  options: {
    // 选项设置
  }
});

// 渲染双划线图2
var chart2 = new Chart(document.getElementById("chart2"), {
  type: 'line',
  data: {
    // 数据设置
  },
  options: {
    // 选项设置
  }
});