removed unnecessary files
This commit is contained in:
parent
9e8a9ae7ca
commit
c33c83060d
3 changed files with 0 additions and 344 deletions
147
js/utils.js
147
js/utils.js
|
|
@ -1,147 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
window.chartColors = {
|
|
||||||
red: 'rgb(255, 99, 132)',
|
|
||||||
orange: 'rgb(255, 159, 64)',
|
|
||||||
yellow: 'rgb(255, 205, 86)',
|
|
||||||
green: 'rgb(75, 192, 192)',
|
|
||||||
blue: 'rgb(54, 162, 235)',
|
|
||||||
purple: 'rgb(153, 102, 255)',
|
|
||||||
grey: 'rgb(201, 203, 207)'
|
|
||||||
};
|
|
||||||
|
|
||||||
(function(global) {
|
|
||||||
var MONTHS = [
|
|
||||||
'January',
|
|
||||||
'February',
|
|
||||||
'March',
|
|
||||||
'April',
|
|
||||||
'May',
|
|
||||||
'June',
|
|
||||||
'July',
|
|
||||||
'August',
|
|
||||||
'September',
|
|
||||||
'October',
|
|
||||||
'November',
|
|
||||||
'December'
|
|
||||||
];
|
|
||||||
|
|
||||||
var COLORS = [
|
|
||||||
'#4dc9f6',
|
|
||||||
'#f67019',
|
|
||||||
'#f53794',
|
|
||||||
'#537bc4',
|
|
||||||
'#acc236',
|
|
||||||
'#166a8f',
|
|
||||||
'#00a950',
|
|
||||||
'#58595b',
|
|
||||||
'#8549ba'
|
|
||||||
];
|
|
||||||
|
|
||||||
var Samples = global.Samples || (global.Samples = {});
|
|
||||||
var Color = global.Color;
|
|
||||||
|
|
||||||
Samples.utils = {
|
|
||||||
// Adapted from http://indiegamr.com/generate-repeatable-random-numbers-in-js/
|
|
||||||
srand: function(seed) {
|
|
||||||
this._seed = seed;
|
|
||||||
},
|
|
||||||
|
|
||||||
rand: function(min, max) {
|
|
||||||
var seed = this._seed;
|
|
||||||
min = min === undefined ? 0 : min;
|
|
||||||
max = max === undefined ? 1 : max;
|
|
||||||
this._seed = (seed * 9301 + 49297) % 233280;
|
|
||||||
return min + (this._seed / 233280) * (max - min);
|
|
||||||
},
|
|
||||||
|
|
||||||
numbers: function(config) {
|
|
||||||
var cfg = config || {};
|
|
||||||
var min = cfg.min || 0;
|
|
||||||
var max = cfg.max || 1;
|
|
||||||
var from = cfg.from || [];
|
|
||||||
var count = cfg.count || 8;
|
|
||||||
var decimals = cfg.decimals || 8;
|
|
||||||
var continuity = cfg.continuity || 1;
|
|
||||||
var dfactor = Math.pow(10, decimals) || 0;
|
|
||||||
var data = [];
|
|
||||||
var i, value;
|
|
||||||
|
|
||||||
for (i = 0; i < count; ++i) {
|
|
||||||
value = (from[i] || 0) + this.rand(min, max);
|
|
||||||
if (this.rand() <= continuity) {
|
|
||||||
data.push(Math.round(dfactor * value) / dfactor);
|
|
||||||
} else {
|
|
||||||
data.push(null);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return data;
|
|
||||||
},
|
|
||||||
|
|
||||||
labels: function(config) {
|
|
||||||
var cfg = config || {};
|
|
||||||
var min = cfg.min || 0;
|
|
||||||
var max = cfg.max || 100;
|
|
||||||
var count = cfg.count || 8;
|
|
||||||
var step = (max - min) / count;
|
|
||||||
var decimals = cfg.decimals || 8;
|
|
||||||
var dfactor = Math.pow(10, decimals) || 0;
|
|
||||||
var prefix = cfg.prefix || '';
|
|
||||||
var values = [];
|
|
||||||
var i;
|
|
||||||
|
|
||||||
for (i = min; i < max; i += step) {
|
|
||||||
values.push(prefix + Math.round(dfactor * i) / dfactor);
|
|
||||||
}
|
|
||||||
|
|
||||||
return values;
|
|
||||||
},
|
|
||||||
|
|
||||||
months: function(config) {
|
|
||||||
var cfg = config || {};
|
|
||||||
var count = cfg.count || 12;
|
|
||||||
var section = cfg.section;
|
|
||||||
var values = [];
|
|
||||||
var i, value;
|
|
||||||
|
|
||||||
for (i = 0; i < count; ++i) {
|
|
||||||
value = MONTHS[Math.ceil(i) % 12];
|
|
||||||
values.push(value.substring(0, section));
|
|
||||||
}
|
|
||||||
|
|
||||||
return values;
|
|
||||||
},
|
|
||||||
|
|
||||||
color: function(index) {
|
|
||||||
return COLORS[index % COLORS.length];
|
|
||||||
},
|
|
||||||
|
|
||||||
transparentize: function(color, opacity) {
|
|
||||||
var alpha = opacity === undefined ? 0.5 : 1 - opacity;
|
|
||||||
return Color(color).alpha(alpha).rgbString();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// DEPRECATED
|
|
||||||
window.randomScalingFactor = function() {
|
|
||||||
return Math.round(Samples.utils.rand(-100, 100));
|
|
||||||
};
|
|
||||||
|
|
||||||
// INITIALIZATION
|
|
||||||
|
|
||||||
Samples.utils.srand(Date.now());
|
|
||||||
|
|
||||||
// Google Analytics
|
|
||||||
/* eslint-disable */
|
|
||||||
if (document.location.hostname.match(/^(www\.)?chartjs\.org$/)) {
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
||||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
||||||
ga('create', 'UA-28909194-3', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
}
|
|
||||||
/* eslint-enable */
|
|
||||||
|
|
||||||
}(this));
|
|
||||||
49
table.html
49
table.html
|
|
@ -1,49 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<title>min/max</title>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
|
||||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<h2>month</h2>
|
|
||||||
<p>The maximum / minimum level:</p>
|
|
||||||
<table class="table table-hover">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Sensor</th>
|
|
||||||
<th>minimum</th>
|
|
||||||
<th>maximum</th>
|
|
||||||
<th>average</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>temperature</td>
|
|
||||||
<td>10 °C</td>
|
|
||||||
<td>28 °C</td>
|
|
||||||
<td>20 °C</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>humidity</td>
|
|
||||||
<td>10 %</td>
|
|
||||||
<td>85 %</td>
|
|
||||||
<td>50 %</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>presure</td>
|
|
||||||
<td>957 hPa</td>
|
|
||||||
<td>1016 hPa</td>
|
|
||||||
<td>1000 hPa</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,148 +0,0 @@
|
||||||
<!doctype html>
|
|
||||||
<html>
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<title>humidity Chart</title>
|
|
||||||
<script src="js/Chart.min.js"></script>
|
|
||||||
<style>
|
|
||||||
canvas {
|
|
||||||
-moz-user-select: none;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div id="canvas-holder" style="width:30%">
|
|
||||||
<canvas id="chart-area"></canvas>
|
|
||||||
</div>
|
|
||||||
<button id="changeCircleSize">Semi/Full Circle</button>
|
|
||||||
<script>
|
|
||||||
var randomScalingFactor = function() {
|
|
||||||
return Math.round(Math.random() * 100);
|
|
||||||
};
|
|
||||||
|
|
||||||
var config = {
|
|
||||||
type: 'doughnut',
|
|
||||||
data: {
|
|
||||||
datasets: [{
|
|
||||||
data: [
|
|
||||||
randomScalingFactor(),
|
|
||||||
randomScalingFactor(),
|
|
||||||
],
|
|
||||||
backgroundColor: [
|
|
||||||
'rgb(54, 162, 235)',
|
|
||||||
'lightgrey',
|
|
||||||
],
|
|
||||||
label: 'Dataset 1'
|
|
||||||
}],
|
|
||||||
labels: [
|
|
||||||
'humidity',
|
|
||||||
|
|
||||||
]
|
|
||||||
},
|
|
||||||
options: {
|
|
||||||
responsive: true,
|
|
||||||
circumference: Math.PI,
|
|
||||||
rotation: Math.PI,
|
|
||||||
legend: {
|
|
||||||
position: 'top',
|
|
||||||
},
|
|
||||||
title: {
|
|
||||||
display: true,
|
|
||||||
text: 'humidity in % '
|
|
||||||
},
|
|
||||||
animation: {
|
|
||||||
animateScale: true,
|
|
||||||
animateRotate: true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
window.onload = function() {
|
|
||||||
var ctx = document.getElementById('chart-area').getContext('2d');
|
|
||||||
window.myDoughnut = new Chart(ctx, config);
|
|
||||||
};
|
|
||||||
/*
|
|
||||||
document.getElementById('randomizeData').addEventListener('click', function() {
|
|
||||||
config.data.datasets.forEach(function(dataset) {
|
|
||||||
dataset.data = dataset.data.map(function() {
|
|
||||||
return randomScalingFactor();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
window.myDoughnut.update();
|
|
||||||
});
|
|
||||||
|
|
||||||
var colorNames = Object.keys(window.chartColors);
|
|
||||||
document.getElementById('addDataset').addEventListener('click', function() {
|
|
||||||
var newDataset = {
|
|
||||||
backgroundColor: [],
|
|
||||||
data: [],
|
|
||||||
label: 'New dataset ' + config.data.datasets.length,
|
|
||||||
};
|
|
||||||
|
|
||||||
for (var index = 0; index < config.data.labels.length; ++index) {
|
|
||||||
newDataset.data.push(randomScalingFactor());
|
|
||||||
|
|
||||||
var colorName = colorNames[index % colorNames.length];
|
|
||||||
var newColor = window.chartColors[colorName];
|
|
||||||
newDataset.backgroundColor.push(newColor);
|
|
||||||
}
|
|
||||||
|
|
||||||
config.data.datasets.push(newDataset);
|
|
||||||
window.myDoughnut.update();
|
|
||||||
});
|
|
||||||
|
|
||||||
document.getElementById('addData').addEventListener('click', function() {
|
|
||||||
if (config.data.datasets.length > 0) {
|
|
||||||
config.data.labels.push('data #' + config.data.labels.length);
|
|
||||||
|
|
||||||
var colorName = colorNames[config.data.datasets[0].data.length % colorNames.length];
|
|
||||||
var newColor = window.chartColors[colorName];
|
|
||||||
|
|
||||||
config.data.datasets.forEach(function(dataset) {
|
|
||||||
dataset.data.push(randomScalingFactor());
|
|
||||||
dataset.backgroundColor.push(newColor);
|
|
||||||
});
|
|
||||||
|
|
||||||
window.myDoughnut.update();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
document.getElementById('removeDataset').addEventListener('click', function() {
|
|
||||||
config.data.datasets.splice(0, 1);
|
|
||||||
window.myDoughnut.update();
|
|
||||||
});
|
|
||||||
|
|
||||||
document.getElementById('removeData').addEventListener('click', function() {
|
|
||||||
config.data.labels.splice(-1, 1); // remove the label first
|
|
||||||
|
|
||||||
config.data.datasets.forEach(function(dataset) {
|
|
||||||
dataset.data.pop();
|
|
||||||
dataset.backgroundColor.pop();
|
|
||||||
});
|
|
||||||
|
|
||||||
window.myDoughnut.update();
|
|
||||||
});
|
|
||||||
|
|
||||||
*/
|
|
||||||
|
|
||||||
document.getElementById('changeCircleSize').addEventListener('click', function() {
|
|
||||||
if (window.myDoughnut.options.circumference === Math.PI) {
|
|
||||||
window.myDoughnut.options.circumference = 2 * Math.PI;
|
|
||||||
window.myDoughnut.options.rotation = -Math.PI / 2;
|
|
||||||
} else {
|
|
||||||
window.myDoughnut.options.circumference = Math.PI;
|
|
||||||
window.myDoughnut.options.rotation = -Math.PI;
|
|
||||||
}
|
|
||||||
|
|
||||||
window.myDoughnut.update();
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
Loading…
Reference in a new issue