mirror of
https://github.com/Hopiu/webapi-eca.git
synced 2026-03-16 22:10:31 +00:00
38 lines
No EOL
1.3 KiB
HTML
38 lines
No EOL
1.3 KiB
HTML
|
|
<html>
|
|
<head>
|
|
|
|
<script type="text/javascript"
|
|
src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"></script>
|
|
|
|
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
google.setOnLoadCallback(drawChart);
|
|
function drawChart() {
|
|
$.getJSON('data/histochart.json', function(d) {
|
|
var data = new google.visualization.DataTable();
|
|
data.addColumn('datetime', 'Time');
|
|
data.addColumn('number', '#Online');
|
|
|
|
var options_lines = {
|
|
title: 'Online statistics',
|
|
curveType:'function',
|
|
lineWidth: 2,
|
|
intervals: { 'style':'line' },
|
|
legend: 'none',
|
|
};
|
|
var dat = d.pingtimes;
|
|
for(var prop in dat) {
|
|
data.addRow([new Date(prop), dat[prop].sum ]);
|
|
}
|
|
var chart_lines = new google.visualization.LineChart(document.getElementById('chart_lines'));
|
|
chart_lines.draw(data, options_lines);
|
|
});
|
|
setTimeout(drawChart, 3 * 60 * 1000);
|
|
}
|
|
</script>
|
|
<div id="chart_lines" style="width: 900px; height: 500px;"></div>
|
|
</body>
|
|
</html> |