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

Материал из GTL-wiki
Перейти к навигации Перейти к поиску
 
(не показано 18 промежуточных версий этого же участника)
Строка 4: Строка 4:
== Объявление функции ==
== Объявление функции ==
Для создания координатной плоскости (вкладки) используется запись:
Для создания координатной плоскости (вкладки) используется запись:
:<code style="color: purple>var canvas1 = gtl.plots.add( Наименование плоскости );</code>
:<code style="color: purple>let canvas1 = gtl.plots.add( Наименование плоскости );</code>
   
   
Построение графика происходит на созданной плоскости непосредственно при помощи функции:  
Построение графика на созданной плоскости происходит при помощи метода <code>add</code>:  
<pre style="color: purple>
<pre style="color: purple>
let plot = canvas1.add(
let plot = canvas1.add(
Строка 13: Строка 13:
     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"]
   }
   }
);
);
Строка 23: Строка 29:
:<code style="color: purple>x = [];</code> - значение цены деления оси X или массив значений координаты X;
:<code style="color: purple>x = [];</code> - значение цены деления оси X или массив значений координаты X;
:<code style="color: purple>y = [];</code> - значение цены деления оси Y или массив значений координаты 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 ausp = gtl.create_ausp(
let ausp = gtl.create_ausp(
    {
        "src": gtl.analog_inputs[0],
        "frequency": 1000,
        "resolution": 1,
        "average": 3,
        "overlap": .5,
        "window": gtl.spec.rectangular
    }
);
 
var spen = gtl.create_spen(
     {
     {
         "src": gtl.analog_inputs[0],
         src: gtl.analog_inputs[0], //источник сигнала
         "frequency": 1000,
         frequency: 1000, //граничная частота
         "resolution": 1,
         resolution: 1, //частотное разрешение
         "average": 3,
         average: 3, //количество усреднений
         "overlap": .5,
         overlap: .5, //коэффициент перекрытия
         "window": gtl.spec.rectangular
         window: gtl.spec.rectangular //оконная функция
     }
     }
);
);


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


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


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


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


     gtl.diagnostic.stop();
     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();
}