javascript - これで最後に追加されたデータのみを取得するのはなぜですか-canvasjsを使用

Question

 $("#main-content").empty();
 $("#main-content").append(
    "<div class='tab-pane padding-bottom30 active fade in'>" +
    "<div id='chartContainer' style='height: 300px; width: 100%;'>" +
    "</div>" +
    "</div>"
);

for(var i = 0; i < 5; i++) {
    var chart = new CanvasJS.Chart("chartContainer", {
        theme: "theme2", //theme1
        title: {
            text: "Basic Column Chart - CanvasJS"              
        },
        animationEnabled: false, // change to true
        data: [{
            type: "column", // Change type to "bar", "splineArea", "area", "spline", "pie",etc.
            dataPoints: [{ label: i,  y: i * 2  }]
        }]
    });
    chart.render();
}

私はcanvasjs自分のグラフを表示するために使用しています。i = 0から....までのすべてのデータをグラフに表示したいの4ですが、最後に追加されたデータしか取得していません。どうすればこれを解決できますか?