Gtl.table: различия между версиями
Перейти к навигации
Перейти к поиску
| (не показано 7 промежуточных версий этого же участника) | |||
| Строка 10: | Строка 10: | ||
:<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, цвет в формате HEX); | :<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, цвет в формате HEX); | :<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> | ||
| Строка 44: | Строка 44: | ||
<pre> | <pre> | ||
let vheaders = []; //массив заголовков строк таблицы | let vheaders = []; //массив заголовков строк таблицы | ||
let hheaders = ["rms", "amp", "var"]; //массив заголовков столбцов таблицы | let hheaders = ["rms", "amp", "var", "pf"]; //массив заголовков столбцов таблицы | ||
let rmss = []; //массив значений СКЗ вибрации | let rmss = []; //массив значений СКЗ вибрации | ||
let amps = []; //массив значений амплитуды вибрации | let amps = []; //массив значений амплитуды вибрации | ||
| Строка 55: | Строка 55: | ||
vars.push(gtl.add_value_var(gtl.analog_inputs[i])); //формируем массив значений дисперсии (записываем объекты) | vars.push(gtl.add_value_var(gtl.analog_inputs[i])); //формируем массив значений дисперсии (записываем объекты) | ||
gtl.table.set_value(i, 0, 0); //записываем | gtl.table.set_value(i, 0, 0); //записываем в i-й столбец строки 0 значение 0; | ||
gtl.table.set_value(i, 1, 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 }); //записываем | 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; //формируем заголовки строк таблицы | ||
| Строка 77: | Строка 78: | ||
//форматируем ячейку (строка i, столбец 2) | //форматируем ячейку (строка i, столбец 2) | ||
gtl.table.set_value(i, 2, vars[i].value); //извлекаем значение дисперсии из массива | gtl.table.set_value(i, 2, vars[i].value); //извлекаем значение дисперсии из массива | ||
gtl.table.set_color(i, 2, | gtl.table.set_color(i, 2, 0xf7fff0); //устанавливаем синий цвет шрифта | ||
gtl.table.set_bgnd(i, 2, 0xffbfff); //устанавливаем фиолетовый цвет заливки | 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();
};