blob: 51cd8eaaf179ae7ba908598447e1c34ff36f32ae (
plain) (
blame)
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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
|
---
layout: default
---
<div id="chart"></div>
{% assign csv_array = content | split: '' %}
{% capture chars %}{% for char in csv_array %}{% assign c = char | strip_newlines %}{% if c != '' %}{{ char }}{% else %}|{% endif %}{% endfor %}{% endcapture %}
{% assign lines = chars | split: '|' %}
<script type="text/javascript">
$(document).ready(function () {
var csv = {% for line in lines %}"{{line}}\n" +
{% endfor %}
"";
var raw = $.csv.toArrays(csv, {separator: ';'});
var data = raw.slice(1);
var max = Number.MIN_VALUE;
var min = Number.MAX_VALUE;
var frequencies = {};
data.forEach(function (row) {
var time = parseInt(row[1]);
if (!frequencies[time]) {
frequencies[time] = 1;
} else {
frequencies[time] += 1;
}
max = Math.max(max, time);
min = Math.min(min, time);
});
var freq_labels = [];
var freq_values = [];
for (i = 0; i <= max; i++) {
if (i < min) {
freq_values[i] = 0;
} else {
freq_values[i] = frequencies[i];
}
freq_labels[i] = i + " ms";
}
var freq_data = {
labels: freq_labels,
datasets: [
{
color: "blue",
values: freq_values
}
]
};
var chart = new Chart({
parent: "#chart",
title: "Frequencies",
data: freq_data,
type:"bar",
height: 250
});
});
</script>
|
