Viewers over time
{% set values = [] %}
{% set settings = {
"borderJoinStyle": "miter",
"backgroundColor": "rgba(75, 192, 255, 0.4)",
"borderColor": "rgba(75,192,192,1)",
"borderCapStyle": "butt",
"pointBackgroundColor": "#fff",
"pointBorderColor": "rgba(75,192,192,0)",
"pointHoverBackgroundColor": "rgba(75,192,192,1)",
"pointHoverBorderColor": "rgba(220,220,220,1)",
"lineTension": "0.1",
"spanGaps": "false",
}
%}
{% set settingsInt = {
"lineTension": "0.1",
"spanGaps": "true",
"pointBorderWidth": "1",
"pointHoverRadius": "5",
"borderDashOffset": "0.0",
"fill": "false",
"pointHoverBorderWidth": "2",
"pointRadius": "1",
"pointHitRadius": "10",
"borderDash": "[]",
}
%}
{% for uinfo in sorted(list(data.activeUsersOverTime.keys())[:60]) %}
{% set values.append({"value": str(data.activeUsersOverTime[uinfo]), "color": "#F7464A", "highlight": "#FF5A5E", "label": str(uinfo)}) %}
{% end %}
{% module Chart('line', values, datasets=settings, datasetsInt=settingsInt) %}