-
Notifications
You must be signed in to change notification settings - Fork 4
/
aeon-nonce-0.html
58 lines (54 loc) · 2.47 KB
/
aeon-nonce-0.html
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
<html>
<header><title>Aeon nonce</title>
<!-- Styles -->
<style>
#chartdiv {
width : 100%;
height : 500px;
}
</style>
<!-- Resources -->
<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
<script src="js/util.js"></script>
<script src="https://github.com/stoffu/diff-chart/releases/download/data/aeon-data-0.js"></script>
<script src="https://github.com/stoffu/diff-chart/releases/download/data/aeon-data-1.js"></script>
<script src="https://github.com/stoffu/diff-chart/releases/download/data/aeon-data-2.js"></script>
<script src="https://github.com/stoffu/diff-chart/releases/download/data/aeon-data-3.js"></script>
<script src="https://github.com/stoffu/diff-chart/releases/download/data/aeon-data-4.js"></script>
<script src="https://github.com/stoffu/diff-chart/releases/download/data/aeon-data-5.js"></script>
<script src="https://github.com/stoffu/diff-chart/releases/download/data/aeon-data-6.js"></script>
<script src="https://github.com/stoffu/diff-chart/releases/download/data/aeon-data-7.js"></script>
<script src="https://github.com/stoffu/diff-chart/releases/download/data/aeon-data-8.js"></script>
<script src="https://github.com/stoffu/diff-chart/releases/download/data/aeon-data-9.js"></script>
<script src="js/nonce.js"></script>
<!-- Chart code -->
<script>
var chart = get_chart([].concat(
chartData_0,
chartData_1,
chartData_2,
chartData_3,
chartData_4,
chartData_5,
chartData_6,
chartData_7,
chartData_8,
chartData_9,
));
function togglePan() {
chart.chartCursor.pan = document.getElementById("pan").checked;
}
</script>
</header>
<body>
<h1>Aeon nonce</h1>
<p>Since drawing many points in amCharts is somehow very slow and can make your browser unresponsive, the maximum number of points being drawn is limited to 200000 which is what the initial zoom level shows. For easily viewing the past data, use the "Show all" button to maximally zoom out and then use mouse dragging to select the time period as you wish.</p>
<div id="chartdiv"></div>
<p><input type="checkbox" id="pan" onclick="togglePan()">Enable panning</p>
<p><a href="./">Back to top</a></p>
</body>
</html>