将2个chart.js包含在一个div中

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<div id="chartContainer"></div>

var chartContainer = document.getElementById('chartContainer');

var chart1 = new Chart(chartContainer, {
  type: 'bar', // 图表类型，例如柱状图
  data: {
    // 图表数据
    labels: ['A', 'B', 'C'],
    datasets: [{
      label: 'Dataset 1',
      data: [10, 20, 30],
      backgroundColor: 'rgba(255, 99, 132, 0.2)', // 柱状图颜色
      borderColor: 'rgba(255, 99, 132, 1)', // 柱状图边框颜色
      borderWidth: 1 // 柱状图边框宽度
    }]
  },
  options: {
    // 图表配置选项
    responsive: true,
    maintainAspectRatio: false
  }
});

var chart2 = new Chart(chartContainer, {
  type: 'line', // 图表类型，例如折线图
  data: {
    // 图表数据
    labels: ['X', 'Y', 'Z'],
    datasets: [{
      label: 'Dataset 2',
      data: [50, 40, 30],
      backgroundColor: 'rgba(54, 162, 235, 0.2)', // 折线图颜色
      borderColor: 'rgba(54, 162, 235, 1)', // 折线图边框颜色
      borderWidth: 1 // 折线图边框宽度
    }]
  },
  options: {
    // 图表配置选项
    responsive: true,
    maintainAspectRatio: false
  }
});