如何使用两个列表绘制图形，其中第一个列表是正常列表，第二个列表包含列表列表

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

// 假设第一个列表是正常列表
var normalList = [1, 2, 3, 4, 5];

// 假设第二个列表是包含列表的列表
var nestedList = [[1, 2], [3, 4], [5, 6]];

// 创建一个空数组来存储图形数据
var chartData = [];

// 将正常列表的数据添加到图形数据中
for (var i = 0; i < normalList.length; i++) {
  chartData.push(normalList[i]);
}

// 将包含列表的列表的数据添加到图形数据中
for (var i = 0; i < nestedList.length; i++) {
  for (var j = 0; j < nestedList[i].length; j++) {
    chartData.push(nestedList[i][j]);
  }
}

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

// 获取图表容器元素
var chartContainer = document.getElementById('chartContainer');

// 创建一个柱状图
var chart = new Chart(chartContainer, {
  type: 'bar',
  data: {
    labels: ['Data 1', 'Data 2', 'Data 3', 'Data 4', 'Data 5', 'Nested Data 1', 'Nested Data 2', 'Nested Data 3'],
    datasets: [{
      label: 'Chart Data',
      data: chartData,
      backgroundColor: 'rgba(0, 123, 255, 0.5)',
      borderColor: 'rgba(0, 123, 255, 1)',
      borderWidth: 1
    }]
  },
  options: {
    responsive: true,
    scales: {
      y: {
        beginAtZero: true
      }
    }
  }
});