无法使用for循环在jquery中生成多个图

// HTML元素，用于显示图形
<div id="chartContainer"></div>

// jQuery代码，使用for循环生成多个图形
$(document).ready(function(){
  for(var i = 0; i < 5; i++){
    var chartId = "chart" + i;
    var chartContainer = $("<div></div>").attr("id", chartId);
    $("#chartContainer").append(chartContainer);
    
    // 在每个图形容器中初始化图形
    // 这里使用了Chart.js作为示例，你可以根据需要选择其他图形库
    var ctx = document.getElementById(chartId).getContext("2d");
    var chart = new Chart(ctx, {
      type: "bar",
      data: {
        labels: ["Label 1", "Label 2", "Label 3"],
        datasets: [{
          label: "Dataset",
          data: [10, 20, 30],
          backgroundColor: ["red", "green", "blue"]
        }]
      }
    });
  }
});