Highcharts如何并排显示具有堆叠和未堆叠列的图表

<div id="chart-container"></div>

// 创建堆叠列图表的配置对象
var stackedColumnOptions = {
  chart: {
    type: 'column'
  },
  title: {
    text: '堆叠列图表'
  },
  xAxis: {
    categories: ['类别1', '类别2', '类别3']
  },
  yAxis: {
    min: 0,
    title: {
      text: '数值'
    },
    stackLabels: {
      enabled: true
    }
  },
  series: [{
    name: '系列1',
    data: [5, 3, 4]
  }, {
    name: '系列2',
    data: [2, 2, 3]
  }, {
    name: '系列3',
    data: [3, 4, 2]
  }]
};

// 创建未堆叠列图表的配置对象
var columnOptions = {
  chart: {
    type: 'column'
  },
  title: {
    text: '未堆叠列图表'
  },
  xAxis: {
    categories: ['类别1', '类别2', '类别3']
  },
  yAxis: {
    min: 0,
    title: {
      text: '数值'
    }
  },
  series: [{
    name: '系列1',
    data: [5, 3, 4]
  }, {
    name: '系列2',
    data: [2, 2, 3]
  }, {
    name: '系列3',
    data: [3, 4, 2]
  }]
};

// 在指定的容器元素中绘制堆叠列图表
Highcharts.chart('chart-container', stackedColumnOptions);

// 在新的容器元素中绘制未堆叠列图表
Highcharts.chart('chart-container2', columnOptions);