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

Материал из GTL-wiki
Перейти к навигации Перейти к поиску
Строка 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(i, 0, 0);</code> - установка...;
:<code style="color: purple>gtl.table.set_value(0, 1, 0.03);</code> - установка значения в ячейку (строка 0, столбец 1, значение 0.03);
:<code style="color: purple>gtl.table.set_cell();</code> - настройка ячеек...;
:<code style="color: purple>gtl.table.set_color(0, 1, 0x0f7fff);</code> - настройка цвета шрифта в ячейке (строка 0, столбец 1, цвет синий);
:<code style="color: purple>gtl.table.cell();</code> - настройка ячейки...;
:<code style="color: purple>gtl.table.set_bgnd(0, 1, 0xffbfff);</code> - настройка цвета заливки в ячейке (строка 0, столбец 1, цвет фиолетовый);
:<code style="color: purple>gtl.table.set_color(i, 2, 0xf7fff);</code> - настройка цвета значений...;
:<code style="color: purple>gtl.table.set_cell(0, 1, { cell_params });</code> - форматирование ячейки (строка 0, столбец 1, параметры форматирования);
:<code style="color: purple>gtl.table.set_bgnd(i, 2, 0xffbfff);</code> - настройка цвета заливки ячеекы...;
<pre>
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 - по нижнему краю
</pre>
 
:<code style="color: purple>gtl.table.cell();</code> - альтернативный способ форматирования ячейки;
<pre>
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)
</pre>


== Пример использования ==
== Пример использования ==

Версия от 11:50, 17 мая 2024

Краткое описание

Функция предназначена для вывода данных в табличную форму.

Объявление функции

...

Свойства (методы)

gtl.table.vheaders = []; - массив заголовков строк (вертикальные заголовки);
gtl.table.hheaders = []; - массив заголовков столбцов (горизонтальные заголовки);
gtl.table.set_value(0, 1, 0.03); - установка значения в ячейку (строка 0, столбец 1, значение 0.03);
gtl.table.set_color(0, 1, 0x0f7fff); - настройка цвета шрифта в ячейке (строка 0, столбец 1, цвет синий);
gtl.table.set_bgnd(0, 1, 0xffbfff); - настройка цвета заливки в ячейке (строка 0, столбец 1, цвет фиолетовый);
gtl.table.set_cell(0, 1, { cell_params }); - форматирование ячейки (строка 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 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])); //формируем массив значений СКЗ вибрации
  gtl.table.set_value(i, 0, 0); //записываем значение в i-й столбец строки 0; 
  
  amps.push(gtl.add_value_ampl(gtl.analog_inputs[i])); //формируем массив значений амплитуды вибрации
  gtl.table.set_value(i, 1, 0); //записываем значение в i-й столбец строки 1; 

  vars.push(gtl.add_value_var(gtl.analog_inputs[i])); //формируем массив значений дисперсии
  gtl.table.set_cell(i, 2, {value:0, align: gtl.align.bottom | gtl.align.right}); //записываем значение в i-й столбец строки 2;
};
gtl.table.vheaders = vheaders;
gtl.table.hheaders = ["rms", "amp", "var"]; //формируем массив наименований строк таблицы

function diagnose()
{
  for(i = 0; i < gtl.analog_inputs.length; i++)
  {
    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);
    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);

    gtl.table.set_value(i, 2, vars[i].value);
    gtl.table.set_color(i, 2, 0xf7fff);
    gtl.table.set_bgnd(i, 2, 0xffbfff);
  }
}