Java + JSP + JavaScript

161
05 июня 2018, 00:40

В первый раз столкнулся с JavaScript и не могу понять, как мне передать Map в JavaScript... В общем у меня на JSP странице есть таблица и график.

<div class="container" style="width: 75%; height: 50%">
<canvas class="my-4 w-100 chartjs-render-monitor" id="myChart" width="740" height="370" style="display: block; width: 740px; height: 370px;"></canvas>
</div>
<div class="table">
<c:forEach items="${missedCallsStat}" var="missedCall">
<jsp:useBean id="missedCall" scope="page" type="ru.bityard.model.MissedCall"/>
<tr>
... тут отображаются все элементы
</tr>
</c:forEach>
</table>
</div>

для myChart тут же есть

<Script>
$(function () {
    //bar
    var ctx = document.getElementById("myChart");
    var myChart = new Chart(ctx, {
        type: 'bar',
        data: {
            // labels: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
            labels: <...сюда нужно передать key's...>
            datasets: [{
                // data: [15339, 21345, 18483, 24003, 23489, 24092, 12034],
                data: <...сюда нужно передать val's...>
                lineTension: 0,
                backgroundColor: 'rgba(0, 123, 255, 0.5)',
                borderColor: '#007bff',
                borderWidth: 2,
                pointBackgroundColor: '#007bff'
            }]
        },
        options: {
            scales: {
                yAxes: [{
                    ticks: {
                        beginAtZero: true
                    }
                }]
            },
            legend: {
                display: false
            }
        }
    });
});
</Script>

Данные на JSP для Таблицы отправляю из контроллера:

@PostMapping
    public String getMissedCallsStat(HttpServletRequest request, Model model) {
        model.addAttribute("missedCallsStat", missedCalls); <- для таблицы
        Map<String,Integer> missedCallsForChart; <- а вот как это передать в myChart, не могу понять...
        return "missedCallsStat";
    }
READ ALSO
Несколько хендлер методов на одном url

Несколько хендлер методов на одном url

Уважаемые, имеется проблемаЗаключается она в том, что в контроллере имеется несколько get методов, которые вызываются при попытке перейти...

208
как применить encrypt(data bytea, key bytea, type text) returns bytea для шифрование данных postgresql на java swing

как применить encrypt(data bytea, key bytea, type text) returns bytea для шифрование данных postgresql на java swing

как применить функцию encrypt(data bytea, key bytea, type text) returns bytea для шифрование данных postgresql на java swingпример покажите пожалуйсто!!!!!!!

177
TelegramBot. В чём разница AbilityBot и TelegramLongPollingBot? Объясните

TelegramBot. В чём разница AbilityBot и TelegramLongPollingBot? Объясните

Есть библиотека для Java, TelegramBotsДля создания бота

309
как сделать в ngx-mapbox-gl двойную линию

как сделать в ngx-mapbox-gl двойную линию

Как сделать на карте линию ,как на картинке (двойную) ?

217