Gtl.table: различия между версиями
Перейти к навигации
Перейти к поиску
| (не показано 17 промежуточных версий этого же участника) | |||
| Строка 1: | Строка 1: | ||
== Краткое описание == | == Краткое описание == | ||
Функция предназначена для вывода данных в форме | Функция предназначена для вывода данных в форме таблицы. | ||
== Объявление функции == | == Объявление функции == | ||
| Строка 8: | Строка 8: | ||
== Свойства (методы) == | == Свойства (методы) == | ||
:<code style="color: purple>gtl.table.vheaders = [];</code> - массив заголовков строк (вертикальные заголовки); | :<code style="color: purple>gtl.table.vheaders = [];</code> - массив заголовков строк таблицы (вертикальные заголовки); | ||
:<code style="color: purple>gtl.table.hheaders = [];</code> - массив заголовков столбцов (горизонтальные заголовки); | :<code style="color: purple>gtl.table.hheaders = [];</code> - массив заголовков столбцов таблицы (горизонтальные заголовки); | ||
:<code style="color: purple>gtl.table.set_value(0, 1, 0.03);</code> - установка значения в ячейку (строка 0, столбец 1, значение | :<code style="color: purple>gtl.table.set_value(0, 1, 0.03);</code> - установка значения в ячейку (строка 0, столбец 1, значение); | ||
:<code style="color: purple>gtl.table.set_color(0, 1, 0x0f7fff);</code> - настройка цвета шрифта в ячейке (строка 0, столбец 1, цвет | :<code style="color: purple>gtl.table.set_color(0, 1, 0x0f7fff);</code> - настройка цвета шрифта в ячейке (строка 0, столбец 1, цвет в формате HEX); | ||
:<code style="color: purple>gtl.table.set_bgnd(0, 1, 0xffbfff);</code> - настройка цвета заливки в ячейке (строка 0, столбец 1, цвет | :<code style="color: purple>gtl.table.set_bgnd(0, 1, 0xffbfff);</code> - настройка цвета заливки в ячейке (строка 0, столбец 1, цвет в формате HEX); | ||
:<code style="color: purple>gtl.table.set_cell(0, 1, { | :<code style="color: purple>gtl.table.set_cell(0, 1, {...});</code> - форматирование ячейки (строка 0, столбец 1, объект с параметрами форматирования); | ||
<pre> | <pre> | ||
cell_params = { | cell_params = { | ||
| Строка 23: | Строка 23: | ||
gtl.align.left - по левому краю | gtl.align.left - по левому краю | ||
gtl.align.hcenter - по центру | gtl.align.hcenter - горизонтально по центру | ||
gtl.align.right - по правому краю | gtl.align.right - по правому краю | ||
gtl.align.top - по верхнему краю | gtl.align.top - по верхнему краю | ||
gtl.align.vcenter - по центру | gtl.align.vcenter - вертикально по центру | ||
gtl.align.bottom - по нижнему краю | gtl.align.bottom - по нижнему краю | ||
</pre> | </pre> | ||
| Строка 38: | Строка 38: | ||
cell["bgnd"] = 0xffff00; //цвет заливки | cell["bgnd"] = 0xffff00; //цвет заливки | ||
cell["align"] = gtl.align.left | gtl.align.top; //выравнивание | cell["align"] = gtl.align.left | gtl.align.top; //выравнивание | ||
gtl.table.set_cell(0, 1, cell); //установка параметров ячейки (строка 0, столбец 1) | gtl.table.set_cell(0, 1, cell); //установка параметров форматирования ячейки (строка 0, столбец 1) | ||
</pre> | </pre> | ||
| Строка 44: | Строка 44: | ||
<pre> | <pre> | ||
let vheaders = []; //массив заголовков строк таблицы | let vheaders = []; //массив заголовков строк таблицы | ||
let hheaders = ["rms", "amp", "var", "pf"]; //массив заголовков столбцов таблицы | |||
let rmss = []; //массив значений СКЗ вибрации | let rmss = []; //массив значений СКЗ вибрации | ||
let amps = []; //массив значений амплитуды вибрации | let amps = []; //массив значений амплитуды вибрации | ||
let vars = []; //массив значений дисперсии | let vars = []; //массив значений дисперсии | ||
for(i = 0; i < gtl.analog_inputs.length; i++) | for (i = 0; i < gtl.analog_inputs.length; i++) { | ||
{ | vheaders.push(gtl.analog_inputs[i].name); //формируем массив заголовков строк таблицы по названию каналов вибрации | ||
vheaders.push(gtl.analog_inputs[i].name); //формируем массив заголовков строк таблицы | rmss.push(gtl.add_value_rms(gtl.analog_inputs[i])); //формируем массив значений СКЗ вибрации (записываем объекты) | ||
amps.push(gtl.add_value_ampl(gtl.analog_inputs[i])); //формируем массив значений амплитуды вибрации (записываем объекты) | |||
rmss.push(gtl.add_value_rms(gtl.analog_inputs[i])); //формируем массив значений СКЗ вибрации | vars.push(gtl.add_value_var(gtl.analog_inputs[i])); //формируем массив значений дисперсии (записываем объекты) | ||
amps.push(gtl.add_value_ampl(gtl.analog_inputs[i])); //формируем массив значений амплитуды вибрации | |||
gtl. | |||
gtl.table.set_value(i, 0, 0); //записываем в i-й столбец строки 0 значение 0; | |||
gtl.table.set_cell(i, 2, {value:0, align: gtl.align.bottom | gtl.align.right}); //записываем значение в i-й столбец строки | gtl.table.set_value(i, 1, 0); //записываем в i-й столбец строки 1 значение 0; | ||
gtl.table.set_cell(i, 2, { value: 0, align: gtl.align.bottom | gtl.align.right }); //записываем в i-й столбец строки 2 { значение: 0, выравнивание: нижний правый угол }; | |||
gtl.table.set_cell(i, 3, { value: 0, align: gtl.align.top | gtl.align.right }); //записываем в i-й столбец строки 3 { значение: 0, выравнивание: верхний правый угол }; | |||
}; | }; | ||
gtl.table.vheaders = vheaders; | gtl.table.vheaders = vheaders; //формируем заголовки строк таблицы | ||
gtl.table.hheaders = | gtl.table.hheaders = hheaders; //формируем заголовки столбцов таблицы | ||
function diagnose() | function diagnose() { | ||
{ | for (i = 0; i < gtl.analog_inputs.length; i++) { | ||
for(i = 0; i < gtl.analog_inputs.length; i++) | //форматируем ячейку (строка i, столбец 0) | ||
gtl.table.set_cell(i, 0, { value: rmss[i].value, color: 0x00ffff, bgnd: 0x0000ff, align: gtl.align.right | gtl.align.vcenter }); | |||
gtl.table.set_cell(i, 0, {value: rmss[i].value, color: 0x00ffff, bgnd: 0x0000ff, align: gtl.align.right | gtl.align.vcenter}); | |||
let cell = gtl.table.cell(i, 1); | //форматируем ячейку (строка i, столбец 1) альтернативным способом | ||
cell["value"] = amps[i].value; | let cell = gtl.table.cell(i, 1); //форматируем столбец под индексом 1 | ||
cell["color"] = 0xff0000; | cell["value"] = amps[i].value; //извлекаем значение амплитуды вибрации из массива | ||
cell["bgnd"] = 0xffff00; | cell["color"] = 0xff0000; //устанавливаем красный цвет шрифта | ||
cell["align"] = gtl.align.left | gtl.align.top; | cell["bgnd"] = 0xffff00; //устанавливаем желтый цвет заливки | ||
gtl.table.set_cell(i, 1, cell); | cell["align"] = gtl.align.left | gtl.align.top; //выравниваем значение в левый верхний угол | ||
gtl.table.set_cell(i, 1, cell); //задаем форматирование ячейки (строка i, столбец 1) | |||
gtl.table.set_value(i, 2, vars[i].value); | //форматируем ячейку (строка i, столбец 2) | ||
gtl.table.set_color(i, 2, | gtl.table.set_value(i, 2, vars[i].value); //извлекаем значение дисперсии из массива | ||
gtl.table.set_bgnd(i, 2, 0xffbfff); | gtl.table.set_color(i, 2, 0xf7fff0); //устанавливаем синий цвет шрифта | ||
gtl.table.set_bgnd(i, 2, 0xffbfff); //устанавливаем фиолетовый цвет заливки | |||
//форматируем ячейку (строка i, столбец 3) | |||
gtl.table.set_value(i, 3, amps[i].value / rmss[i].value); //рассчитываем и записываем значение пик фактора | |||
gtl.table.set_color(i, 3, 0x0f7f00); //устанавливаем синий цвет шрифта | |||
gtl.table.set_bgnd(i, 3, 0xffbf00); //устанавливаем фиолетовый цвет заливки | |||
}; | }; | ||
gtl.diagnostic.stop(); | gtl.diagnostic.stop(); | ||
}; | }; | ||
</pre> | </pre> | ||
Текущая версия от 04:22, 22 мая 2024
Краткое описание
Функция предназначена для вывода данных в форме таблицы.
Объявление функции
gtl.table
Свойства (методы)
gtl.table.vheaders = [];- массив заголовков строк таблицы (вертикальные заголовки);gtl.table.hheaders = [];- массив заголовков столбцов таблицы (горизонтальные заголовки);gtl.table.set_value(0, 1, 0.03);- установка значения в ячейку (строка 0, столбец 1, значение);gtl.table.set_color(0, 1, 0x0f7fff);- настройка цвета шрифта в ячейке (строка 0, столбец 1, цвет в формате HEX);gtl.table.set_bgnd(0, 1, 0xffbfff);- настройка цвета заливки в ячейке (строка 0, столбец 1, цвет в формате HEX);gtl.table.set_cell(0, 1, {...});- форматирование ячейки (строка 0, столбец 1, объект с параметрами форматирования);
cell_params = {
value: 0.03, //установка значения
color: 0x00ffff, //цвет шрифта в формате HEX
bgnd: 0x0000ff, //цвет заливки ячейки в формате HEX
align: gtl.align.right | gtl.align.vcenter //выравнивание по горизонтали и вертикали
};
gtl.align.left - по левому краю
gtl.align.hcenter - горизонтально по центру
gtl.align.right - по правому краю
gtl.align.top - по верхнему краю
gtl.align.vcenter - вертикально по центру
gtl.align.bottom - по нижнему краю
gtl.table.cell();- альтернативный способ форматирования ячейки;
let cell = gtl.table.cell(0, 1); //координаты ячейки (строка 0, столбец 1) cell["value"] = 0.05; //значение cell["color"] = 0xff0000; //цвет шрифта cell["bgnd"] = 0xffff00; //цвет заливки cell["align"] = gtl.align.left | gtl.align.top; //выравнивание gtl.table.set_cell(0, 1, cell); //установка параметров форматирования ячейки (строка 0, столбец 1)
Пример использования
let vheaders = []; //массив заголовков строк таблицы
let hheaders = ["rms", "amp", "var", "pf"]; //массив заголовков столбцов таблицы
let rmss = []; //массив значений СКЗ вибрации
let amps = []; //массив значений амплитуды вибрации
let vars = []; //массив значений дисперсии
for (i = 0; i < gtl.analog_inputs.length; i++) {
vheaders.push(gtl.analog_inputs[i].name); //формируем массив заголовков строк таблицы по названию каналов вибрации
rmss.push(gtl.add_value_rms(gtl.analog_inputs[i])); //формируем массив значений СКЗ вибрации (записываем объекты)
amps.push(gtl.add_value_ampl(gtl.analog_inputs[i])); //формируем массив значений амплитуды вибрации (записываем объекты)
vars.push(gtl.add_value_var(gtl.analog_inputs[i])); //формируем массив значений дисперсии (записываем объекты)
gtl.table.set_value(i, 0, 0); //записываем в i-й столбец строки 0 значение 0;
gtl.table.set_value(i, 1, 0); //записываем в i-й столбец строки 1 значение 0;
gtl.table.set_cell(i, 2, { value: 0, align: gtl.align.bottom | gtl.align.right }); //записываем в i-й столбец строки 2 { значение: 0, выравнивание: нижний правый угол };
gtl.table.set_cell(i, 3, { value: 0, align: gtl.align.top | gtl.align.right }); //записываем в i-й столбец строки 3 { значение: 0, выравнивание: верхний правый угол };
};
gtl.table.vheaders = vheaders; //формируем заголовки строк таблицы
gtl.table.hheaders = hheaders; //формируем заголовки столбцов таблицы
function diagnose() {
for (i = 0; i < gtl.analog_inputs.length; i++) {
//форматируем ячейку (строка i, столбец 0)
gtl.table.set_cell(i, 0, { value: rmss[i].value, color: 0x00ffff, bgnd: 0x0000ff, align: gtl.align.right | gtl.align.vcenter });
//форматируем ячейку (строка i, столбец 1) альтернативным способом
let cell = gtl.table.cell(i, 1); //форматируем столбец под индексом 1
cell["value"] = amps[i].value; //извлекаем значение амплитуды вибрации из массива
cell["color"] = 0xff0000; //устанавливаем красный цвет шрифта
cell["bgnd"] = 0xffff00; //устанавливаем желтый цвет заливки
cell["align"] = gtl.align.left | gtl.align.top; //выравниваем значение в левый верхний угол
gtl.table.set_cell(i, 1, cell); //задаем форматирование ячейки (строка i, столбец 1)
//форматируем ячейку (строка i, столбец 2)
gtl.table.set_value(i, 2, vars[i].value); //извлекаем значение дисперсии из массива
gtl.table.set_color(i, 2, 0xf7fff0); //устанавливаем синий цвет шрифта
gtl.table.set_bgnd(i, 2, 0xffbfff); //устанавливаем фиолетовый цвет заливки
//форматируем ячейку (строка i, столбец 3)
gtl.table.set_value(i, 3, amps[i].value / rmss[i].value); //рассчитываем и записываем значение пик фактора
gtl.table.set_color(i, 3, 0x0f7f00); //устанавливаем синий цвет шрифта
gtl.table.set_bgnd(i, 3, 0xffbf00); //устанавливаем фиолетовый цвет заливки
};
gtl.diagnostic.stop();
};