javascript - 显示数据 ArrayList (EJB + Servlet + JSP(JSTL)) 到 JavaScript ArrayList

标签 javascript java highcharts

在 servlet 中,我在 JSP 页面上发送 ArrayList 并尝试将 ArrayList 插入 JavaScript(Highcharts),但我不知道如何去做。

下面这段代码是在JSP页面上从servlet中获取ArrayList的代码。

<c:forEach items="${elecMeterRecordList}" var="el" >
    ${el.electricity_meter_record_unit}
</c:forEach>

下面的代码是我想显示从 servlet 发送的 ArrayList 的 Javascript(highcharts)。

<script type="text/javascript">
                $(function() {
                    $('#container').highcharts(
                            {
                                chart : {
                                    type : 'line'
                                },
                                title : {
                                    text : 'Monthly Average Temperature'
                                },
                                subtitle : {
                                    text : 'Source: WorldClimate.com'
                                },
                                xAxis : {
                                    categories : [ 'Jan', 'Feb', 'Mar',
                                            'Apr', 'May', 'Jun', 'Jul',
                                            'Aug', 'Sep', 'Oct', 'Nov',
                                            'Dec' ]
                                },
                                yAxis : {
                                    title : {
                                        text : 'Temperature (°C)'
                                    }
                                },
                                plotOptions : {
                                    line : {
                                        dataLabels : {
                                            enabled : true
                                        },
                                        enableMouseTracking : false
                                    }
                                },
                                series : [
                                        {
                                            name : 'Water',
                                            data : [ 7.02, 6.91, 9.53,
                                                    14.54, 18.41, 21.54,
                                                    25.21, 26.54, 23.35,
                                                    18.23, 13.91, 9.26 ]
                                        },
                                        {
                                            name : 'Electricity',
                                            data : [ 3.49, 4.25, 5.67,
                                                    8.35, 11.59, 15.26,
                                                    17.20, 16.63, 14.32,
                                                    10.35, 6.56, 4.08 ]
                                        } ]
                            });
                });
            </script>

这里的代码,我想用ArrayList替换这些数据。

data : [ 3.49, 4.25, 5.67,
        8.35, 11.59, 15.26,
        17.20, 16.63, 14.32,
        10.35, 6.56, 4.08 ]

最佳答案

data : [ 3.49, 4.25, 5.67,
    8.35, 11.59, 15.26,
    17.20, 16.63, 14.32,
    10.35, 6.56, 4.08 ]

只需将其中的代码替换为您从 JSP 上的 servlet 获取的 ArrayList,如下所示。因为这段代码“${el.electricity_meter_record_unit}”已经是ArrayList了。更新代码后,您可能会看到一些错误或红色警告,但它仍然可以运行。希望这可能有所帮助。

data : [ <c:forEach items="${elecMeterRecordList}" var="el" >
                           ${el.electricity_meter_record_unit},
        </c:forEach> ]

关于javascript - 显示数据 ArrayList (EJB + Servlet + JSP(JSTL)) 到 JavaScript ArrayList,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32676219/

相关文章:

java - 小程序在浏览器中显示空白屏幕

javascript - 修改导出时 Highcharts 的图例符号不起作用

javascript - Laravel + Vue 2 如何在不同页面运行某些功能

Javascript延迟函数

java - Mockito/PowerMock - 可以模拟 new MyClass() 吗?

java - 维护同一 GWT 模块的多个条目之间的状态

javascript - 加载后获取 Highcharts 系列数据

javascript - 在哪里存储身份验证 token (前端)以及如何将其放入多个端点的 http header 中?

javascript - 如何修改Javascript异常