В первый раз столкнулся с 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";
}
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости