forked from Tank/braga
144 lines
3.8 KiB
JavaScript
144 lines
3.8 KiB
JavaScript
$( document ).ready(function() {
|
||
|
||
$('input[name="datetimes"]').daterangepicker({
|
||
timePicker: true,
|
||
startDate: $('#dater').data('start'),
|
||
endDate: $('#dater').data('end'),
|
||
timePicker24Hour: true,
|
||
locale: {
|
||
format: 'YYYY-MM-DD HH:mm:ss',
|
||
separator: ' > ',
|
||
applyLabel: 'Применить',
|
||
cancelLabel: 'Отменить',
|
||
fromLabel: 'С',
|
||
toLabel: 'По',
|
||
weekLabel: 'Н',
|
||
daysOfWeek: [
|
||
'Вск',
|
||
'Пнд',
|
||
'Втр',
|
||
'Срд',
|
||
'Чтв',
|
||
'Птн',
|
||
'Сбт'
|
||
],
|
||
monthNames: [
|
||
'Январь',
|
||
'Февраль',
|
||
'Март',
|
||
'Апрель',
|
||
'Май',
|
||
'Июнь',
|
||
'Июль',
|
||
'Август',
|
||
'Сентябрь',
|
||
'Октябрь',
|
||
'Ноябрь',
|
||
'Декабрь'
|
||
],
|
||
firstDay: 1
|
||
}
|
||
});
|
||
|
||
Chart.defaults.color = '#FFF';
|
||
Chart.defaults.borderColor = '#555';
|
||
|
||
$('[id^="daystat"]').each(function() {
|
||
const chartElement = this;
|
||
let existingChart = Chart.getChart(chartElement); // Получаем ссылку на существующий экземпляр чарта
|
||
|
||
if (existingChart !== undefined) { // Проверяем наличие предыдущего чарта
|
||
existingChart.destroy(); // Уничтожаем предыдущий экземпляр чарта
|
||
}
|
||
|
||
new Chart(chartElement, { // Создаем новый график
|
||
type: 'bar',
|
||
data: {
|
||
labels: $(chartElement).data('labels'), // Используем данные, хранящиеся в атрибуте data-*
|
||
datasets: [{
|
||
label: 'Температура сусла',
|
||
data: $(chartElement).data('vals'),
|
||
borderWidth: 1,
|
||
backgroundColor: ['rgb(255, 99, 132)', 'rgb(54, 162, 235)', 'rgb(255, 205, 86)']
|
||
}]
|
||
},
|
||
options: {
|
||
scales: {
|
||
y: {
|
||
beginAtZero: true
|
||
}
|
||
}
|
||
}
|
||
});
|
||
});
|
||
|
||
$(".tank-data").each(function() {
|
||
// Внутри каждого отдельного списка сортируем его пункты
|
||
$(this).find("li").sort(function(a, b) {
|
||
// Преобразуем строку в число и сравниваем порядок
|
||
return parseInt($(a).attr("data-order"), 10) - parseInt($(b).attr("data-order"), 10);
|
||
}).appendTo(this); // Перемещаем отсортированные пункты обратно в этот же список
|
||
});
|
||
|
||
$('.full-info').click(function() {
|
||
var id = $(this).data('id')
|
||
if ($('#info'+id).hasClass('is-hidden')) {
|
||
$('#info'+id).removeClass('is-hidden')
|
||
} else {
|
||
$('#info'+id).addClass('is-hidden')
|
||
}
|
||
});
|
||
|
||
if($('#climate1').length){
|
||
new Chart($('#climate1'), {
|
||
type: 'bar',
|
||
data: {
|
||
labels: $('#climate1').data('labels'),
|
||
datasets: [{
|
||
label: 'Температура воздуха',
|
||
data: $('#climate1').data('vals'),
|
||
borderWidth: 1,
|
||
backgroundColor: [
|
||
'rgb(255, 99, 132)',
|
||
'rgb(54, 162, 235)',
|
||
'rgb(255, 205, 86)'
|
||
],
|
||
}]
|
||
},
|
||
options: {
|
||
scales: {
|
||
y: {
|
||
beginAtZero: true
|
||
}
|
||
}
|
||
}
|
||
});
|
||
|
||
new Chart($('#climate2'), {
|
||
type: 'bar',
|
||
data: {
|
||
labels: $('#climate2').data('labels'),
|
||
datasets: [{
|
||
label: 'Влажность',
|
||
data: $('#climate2').data('vals'),
|
||
borderWidth: 1,
|
||
backgroundColor: [
|
||
'rgb(255, 99, 132)',
|
||
'rgb(54, 162, 235)',
|
||
'rgb(255, 205, 86)'
|
||
],
|
||
}]
|
||
},
|
||
options: {
|
||
scales: {
|
||
y: {
|
||
beginAtZero: true
|
||
}
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
});
|
||
|