如何将JSTL EL变量传递给Javascript以使用Chart.bundle.js创建图表

我想用chart.bundle.js创建一个图表。 图表中的数据必须来自数据库。 servlet将数据发送到JSP。 我的问题是如何将从servlet接收到的数据放入“标签”和“数据”中。 我的例子如下

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>

var donnees=document.getElementById（“donnee”）；
var etiquetes=document.getElementById（“etiquete”）；
var myContext=document.getElementById（“myChart”）；
var myChartConfig={
类型：'bar'，
数据：{
标签：etiquetes，
数据集：[
{
标签：“礼仪1号”，
资料来源：donnees，
背景颜色：[“绿色”、“黄色”、“红色”]，
},
]
}
}
var myChart=新图表（myContext，myChartConfig）；

您不需要jsp，您可以使用ajax直接从servlet获取数据--看看这些答案-->--您不需要jsp，您可以使用ajax直接从servlet获取数据--看看这些答案-->--

    <input type="hidden" name="donnee" id="donnee" value="${donnees }" />
    <c:out value="${donnees }"></c:out>
    <input type="hidden" name="etiquete" id="etiquete" value="${etiquetes}" />
    <c:out value="${etiquetes }"></c:out>
<div style="width:80%">
    <canvas id="myChart" ></canvas>
</div>
<script>
    var donnees=document.getElementById("donnee");
    var etiquetes=document.getElementById("etiquete");
    var myContext = document.getElementById("myChart");
     var myChartConfig = {
        type: 'bar',
        data: {
            labels:etiquetes,
            datasets: [
                {
                    label: "etiquette n°1",
                    data:donnees,
                    backgroundColor: ['green','yellow','red'],
                },
            ]
        }
    }
    var myChart = new Chart(myContext, myChartConfig);

</script>