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

Материал из GTL-wiki
Перейти к навигации Перейти к поиску
Нет описания правки
 
(не показаны 33 промежуточные версии этого же участника)
Строка 1: Строка 1:
== Краткое описание ==
== Краткое описание ==
Функция предназначена для вывода произвольных графиков на координатную плоскость.  
Функция предназначена для создания координатных плоскостей и вывода произвольных графиков на эти плоскости.


== Объявление функции ==
== Объявление функции ==
Для создания координатной плоскости (вкладки) используется запись:
:<code style="color: purple>let canvas1 = gtl.plots.add( Наименование плоскости );</code>
Построение графика на созданной плоскости происходит при помощи метода <code>add</code>:
<pre style="color: purple>
<pre style="color: purple>
gtl.plot.add(
let plot = canvas1.add(
   {
   {
     color: 0xff00ff,
     color: 0xff00ff,
     name: "series1",
     name: "series1",
     x: [0.0, 0.1, 0.4, 0.8],
     x: [0.0, 0.1, 0.4, 0.8],
     y: [0, 1, 2, 3]
     y: [0, 1, 2, 3],
    point: {
      type: gtl.series.square,
      size: 10
    },
    tags: ["square", "purple"],
    labels: ["label1", "label2", "label3", "label4"]
   }
   }
);
);
Строка 17: Строка 27:
:<code style="color: purple>color = 0xff00ff;</code> - цвет линии графика в формате HEX;
:<code style="color: purple>color = 0xff00ff;</code> - цвет линии графика в формате HEX;
:<code style="color: purple>name = "series1";</code> - наименование графика;
:<code style="color: purple>name = "series1";</code> - наименование графика;
:<code style="color: purple>x = [];</code> - значение или массив значений координаты X;
:<code style="color: purple>x = [];</code> - значение цены деления оси X или массив значений координаты X;
:<code style="color: purple>y = [];</code> - значение или массив значений координаты Y;
:<code style="color: purple>y = [];</code> - значение цены деления оси Y или массив значений координаты Y;
:<code style="color: purple>point.type = gtl.series.square;</code> - тип маркера точки (квадрат, круг, треугольник);
<pre>
square;
circle;
triangle;
</pre>
:<code style="color: purple>point.size = 10;</code> - размер маркера точки;
:<code style="color: purple>tags = ["square", "purple"];</code> - тэги (иднетификаторы) графика;
:<code style="color: purple>labels = ["label1", "label2", "label3", "label4"];</code> - массив подписей к точкам графика;


== Пример использования ==
== Пример использования ==
<pre>
<pre>
var x_arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; //массив значений X
//отрисовка спектров на координатных плоскостях
var y_arr = [1, 4, 9, 16, 25, 36, 49, 64, 100]; //массив значений Y
let ausp = gtl.create_ausp(
gtl.plot.add(
    {
  {
        src: gtl.analog_inputs[0], //источник сигнала
    color: 0xff00ff,
        frequency: 1000, //граничная частота
    name: "y = x ** 2",
        resolution: 1, //частотное разрешение
    x: x_arr,
        average: 3, //количество усреднений
     y: y_arr
        overlap: .5, //коэффициент перекрытия
  }
        window: gtl.spec.rectangular //оконная функция
     }
);
);


gtl.diagnostic.interval = 1;
let plot1 = gtl.plots.add("ausp"); //создаем плоскость (вкладку) для спектра вибрации
let plot2 = gtl.plots.add("func"); //создаем плоскость (вкладку) для произвольного графика
 
gtl.diagnostic.interval = gtl.acq_time; //интервал запуска функции диагностики
gtl.log.info("acq time", gtl.acq_time); //вывод информации в лог
 
function diagnose() {
    let au = plot1.add(
        {
            color: 0x0000ff, //цвет графика
            name: "ausp(A)", //наименование графика
            x: ausp.resolution, //частотное разрешение
            y: ausp.data //значения амплитуд
        }
    ); //рисуем спектр вибрации на плоскости "ausp"
 
    let fn = plot2.add(
        {
            color: 0xff00ff, //цвет графика
            name: "myFunc", //наименование графика
            x: [0.0, 0.1, 0.4, 0.8], //координаты по оси X
            y: [0, 1, 2, 3], //координаты по оси Y
            point: {
                type: gtl.series.circle,
                size: 10
            }, //параметры маркеров
            tags: ["circle", "func"], //тэги (идентификаторы) графика
            labels: ["point1", "point2", "point3", "point4"] //подписи точек
        }; //рисуем произвольный график функции на плоскости "func"
 
    gtl.diagnostic.stop();
}


function diagnose()
{
  gtl.diagnostic.stop();
};
</pre>
</pre>

Текущая версия от 01:41, 28 января 2026

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

Функция предназначена для создания координатных плоскостей и вывода произвольных графиков на эти плоскости.

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

Для создания координатной плоскости (вкладки) используется запись:

let canvas1 = gtl.plots.add( Наименование плоскости );

Построение графика на созданной плоскости происходит при помощи метода add:

let plot = canvas1.add(
  {
    color: 0xff00ff,
    name: "series1",
    x: [0.0, 0.1, 0.4, 0.8],
    y: [0, 1, 2, 3],
    point: {
      type: gtl.series.square,
      size: 10
    },
    tags: ["square", "purple"],
    labels: ["label1", "label2", "label3", "label4"]
  }
);

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

color = 0xff00ff; - цвет линии графика в формате HEX;
name = "series1"; - наименование графика;
x = []; - значение цены деления оси X или массив значений координаты X;
y = []; - значение цены деления оси Y или массив значений координаты Y;
point.type = gtl.series.square; - тип маркера точки (квадрат, круг, треугольник);
square;
circle;
triangle;
point.size = 10; - размер маркера точки;
tags = ["square", "purple"]; - тэги (иднетификаторы) графика;
labels = ["label1", "label2", "label3", "label4"]; - массив подписей к точкам графика;

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

//отрисовка спектров на координатных плоскостях
let ausp = gtl.create_ausp(
    {
        src: gtl.analog_inputs[0], //источник сигнала
        frequency: 1000, //граничная частота
        resolution: 1, //частотное разрешение
        average: 3, //количество усреднений
        overlap: .5, //коэффициент перекрытия
        window: gtl.spec.rectangular //оконная функция
    }
);

let plot1 = gtl.plots.add("ausp"); //создаем плоскость (вкладку) для спектра вибрации
let plot2 = gtl.plots.add("func"); //создаем плоскость (вкладку) для произвольного графика

gtl.diagnostic.interval = gtl.acq_time; //интервал запуска функции диагностики
gtl.log.info("acq time", gtl.acq_time); //вывод информации в лог

function diagnose() {
    let au = plot1.add(
        {
            color: 0x0000ff, //цвет графика
            name: "ausp(A)", //наименование графика
            x: ausp.resolution, //частотное разрешение
            y: ausp.data //значения амплитуд
        }
    ); //рисуем спектр вибрации на плоскости "ausp"

    let fn = plot2.add(
        {
            color: 0xff00ff, //цвет графика
            name: "myFunc", //наименование графика
            x: [0.0, 0.1, 0.4, 0.8], //координаты по оси X
            y: [0, 1, 2, 3], //координаты по оси Y
            point: {
                type: gtl.series.circle,
                size: 10
            }, //параметры маркеров
            tags: ["circle", "func"], //тэги (идентификаторы) графика
            labels: ["point1", "point2", "point3", "point4"] //подписи точек
        }; //рисуем произвольный график функции на плоскости "func"

    gtl.diagnostic.stop();
}