Skip to content
Snippets Groups Projects
Commit 8e2145ea authored by Natália Struharová's avatar Natália Struharová
Browse files

Add container for ratings chart

parent 7c737a91
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
src/main/resources/templates/home/feedback.html
+ 97
− 42
View file @ 8e2145ea
......@@ -26,6 +26,11 @@
<body>
<section layout:fragment="content">
<script src="/webjars/chartjs/Chart.min.js"></script>
<div class="column">
<div class="row">
<div class="container">
<div class="page-sub-header">
<h3>Feedback for [[${assistant}]]</h3>
......@@ -78,6 +83,56 @@
</ul>
</nav>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-8">
<canvas id="myChart" width="400" height="400"></canvas>
<script>
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ['1', '2', '3', '4', '5'],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3],
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
borderColor: [
'rgba(255, 99, 132, 1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
borderWidth: 1
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
});
</script>
</div>
</div>
</div>
</div>
</section>
</body>
......
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment