调整表格中多个highcharts的大小

<div id="chart1" style="width: 300px; height: 200px;"></div>
<div id="chart2" style="width: 300px; height: 200px;"></div>

Highcharts.chart('chart1', {
    chart: {
        type: 'line'
    },
    title: {
        text: 'Chart 1'
    },
    series: [{
        name: 'Example Series',
        data: [1, 3, 2, 4]
    }]
});

Highcharts.chart('chart2', {
    chart: {
        type: 'column'
    },
    title: {
        text: 'Chart 2'
    },
    series: [{
        name: 'Example Series',
        data: [5, 7, 6, 8]
    }]
});

function resizeCharts() {
    const container1 = document.getElementById('chart1');
    const container2 = document.getElementById('chart2');

    container1.style.width = '400px';
    container1.style.height = '300px';
    container2.style.width = '400px';
    container2.style.height = '300px';

    Highcharts.charts[0].reflow();
    Highcharts.charts[1].reflow();
}

// 示例：在窗口大小改变时调整图表大小
window.addEventListener('resize', resizeCharts);