x轴上的标签未显示正确的数据（使用javascript）

Question

我正在尝试使用JavaScript在JSP文件中显示条形图。 在条形图中，有x轴显示id病人。

这是我在JSP文件中的代码：

<c:forEach items="${attachment1}" var="a">
    <div class="id_Patient">${a.id_patient}</div>
</c:forEach>

这是我尝试在条形图中显示时的JavaScript代码：

for(var i=0;i<blobLength;i++) {
    getAge(blob[i]);
    console.log("id patient : " + Id_patient2[i]);
    dataPointAge.push({
        label: Id_patient2[i]
    });
    chart.render();
}

如您所见，在将标签Id_patient2[i]推入dataPointAge列表之前，我试图显示Id_patient2[i]内的内容。 这是在控制台上显示的结果（即显示正确的数据）：

但是当我在网页上显示条形图时，它显示了不合适的结果。如下图所示：

如何解决这个问题，以便在条形图上的x轴（标签）中显示正确的数据？