Gtl.table: различия между версиями

Материал из GTL-wiki
Перейти к навигации Перейти к поиску
 
(не показаны 4 промежуточные версии этого же участника)
Строка 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); //записываем в i-й столбец строки 0 значение 0 ;  
   gtl.table.set_value(i, 0, 0); //записываем в i-й столбец строки 0 значение 0;  
   gtl.table.set_value(i, 1, 0); //записываем в 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 }); //записываем в i-й столбец строки 2 параметры { значение: 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; //формируем заголовки строк таблицы
Строка 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, 0xf7fff); //устанавливаем синий цвет шрифта
     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();
};