62 lines
1.8 KiB
HTML
62 lines
1.8 KiB
HTML
{{template "header.html" .S}}
|
|
|
|
<script src="/js/Chart.min.js"></script>
|
|
|
|
<div class="row">
|
|
<div id="visits" class="span6">
|
|
<h2>Visits</h2>
|
|
<h4>Hourly:</h4>
|
|
<canvas id="hvisits" height="400" width="500"></canvas>
|
|
<h4>Daily:</h4>
|
|
<canvas id="dvisits" height="400" width="500"></canvas>
|
|
<h4>Monthly:</h4>
|
|
<canvas id="mvisits" height="400" width="500"></canvas>
|
|
</div>
|
|
<div id="downloads" class="span6">
|
|
<h2>Downloads</h2>
|
|
<h4>Hourly:</h4>
|
|
<canvas id="hdownloads" height="400" width="500"></canvas>
|
|
<h4>Daily:</h4>
|
|
<canvas id="ddownloads" height="400" width="500"></canvas>
|
|
<h4>Monthly:</h4>
|
|
<canvas id="mdownlodas" height="400" width="500"></canvas>
|
|
</div>
|
|
</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);
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
chart("#hvisits", [{{range .HVisits}}"{{.Label}}",{{end}}],
|
|
[{{range .HVisits}}{{.Count}},{{end}}])
|
|
chart("#dvisits", [{{range .DVisits}}"{{.Label}}",{{end}}],
|
|
[{{range .DVisits}}{{.Count}},{{end}}])
|
|
chart("#mvisits", [{{range .MVisits}}"{{.Label}}",{{end}}],
|
|
[{{range .MVisits}}{{.Count}},{{end}}])
|
|
|
|
chart("#hdownloads", [{{range .HDownloads}}"{{.Label}}",{{end}}],
|
|
[{{range .HDownloads}}{{.Count}},{{end}}])
|
|
chart("#ddownloads", [{{range .DDownloads}}"{{.Label}}",{{end}}],
|
|
[{{range .DDownloads}}{{.Count}},{{end}}])
|
|
chart("#mdownlodas", [{{range .MDownloads}}"{{.Label}}",{{end}}],
|
|
[{{range .MDownloads}}{{.Count}},{{end}}])
|
|
})
|
|
</script>
|
|
|
|
{{template "footer.html"}}
|