aboutsummaryrefslogtreecommitdiff
path: root/tmpl/charts.tmpl
blob: b02d3b77713294ea33fc5b0f4f941d7749d43a62 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
{{ define "timeBarChart" }}
	<ul class="chart bar time">
		{{ $max := .YMax }}
		{{ range .XSeries }}
			<li class="slot{{ if eq .Time.Hour 0 }} midnight{{ end }}" data-x="{{ .Label }}" data-y="{{ .Count }}" data-percent="{{ percent .Count $max }}">
				<time class="bar" style="height:{{ percent .Count $max }}%" datetime="{{ .Time }}"/>
			</li>
		{{ end }}
	</ul>
{{ end }}

{{ define "barChart" }}
	<ul class="chart bar vertical">
		{{ $max := .YMax }}
		{{ range .XSeries }}
			<li class="slot" data-x="{{ .Label }}" data-y="{{ .Count }}" data-percent="{{ percent .Count $max }}">
				<div class="bar" style="height:{{ percent .Count $max }}%" />
			</li>
		{{ else }}
		{{ end }}
	</ul>
{{ end }}

{{ define "barChartHorizontal" }}
	<ul class="chart bar horizontal">
		{{ $max := .YMax }}
		{{ range .XSeries }}
			<li class="slot" data-x="{{ .Label }}" data-y="{{ .Count }}" data-percent="{{ percent .Count $max }}">
				<div class="bar" style="width:{{ percent .Count $max }}%" />
			</li>
		{{ else }}
		{{ end }}
	</ul>
{{ end }}

{{ define "stackedBarChart" }}
	<ul class="chart bar stacked">
		{{ $max := .CountMax }}
		{{ range .Data }}
			<li class="slot{{ if eq .Time.Hour 0 }} midnight{{ end }}" data-date="{{ .Time|datetimeHour }}" data-count="{{ .Count }}" data-percent="{{ percent .Count $max }}">
				<div class="bar" style="height:{{ percent .Count $max }}%" />
			</li>
		{{ end }}
	</ul>
{{ end }}