41 lines
1.1 KiB
HTML
41 lines
1.1 KiB
HTML
{{template "header.html" .S}}
|
|
|
|
<script src="/js/Chart.min.js"></script>
|
|
|
|
<div class="row">
|
|
<h4>Hourly visits:</h4>
|
|
<canvas id="hourly" height="400" width="800"></canvas>
|
|
<h4>Daily visits:</h4>
|
|
<canvas id="daily" height="400" width="800"></canvas>
|
|
<h4>Monthly visits:</h4>
|
|
<canvas id="monthly" height="400" width="800"></canvas>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
function chart(id, labels, counts) {
|
|
var data = {
|
|
labels : labels,
|
|
datasets : [
|
|
{
|
|
fillColor : "rgba(151,187,205,0.5)",
|
|
strokeColor : "rgba(151,187,205,1)",
|
|
pointColor : "rgba(151,187,205,1)",
|
|
pointStrokeColor : "#fff",
|
|
data : counts
|
|
}
|
|
]
|
|
}
|
|
|
|
var ctx = $(id).get(0).getContext("2d");
|
|
new Chart(ctx).Line(data);
|
|
}
|
|
|
|
chart("#hourly", [{{range .Hourly}}"{{.Label}}",{{end}}],
|
|
[{{range .Hourly}}{{.Count}},{{end}}])
|
|
chart("#daily", [{{range .Daily}}"{{.Label}}",{{end}}],
|
|
[{{range .Daily}}{{.Count}},{{end}}])
|
|
chart("#monthly", [{{range .Monthly}}"{{.Label}}",{{end}}],
|
|
[{{range .Monthly}}{{.Count}},{{end}}])
|
|
</script>
|
|
|
|
{{template "footer.html"}}
|