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

Материал из GTL-wiki
Перейти к навигации Перейти к поиску
Нет описания правки
Строка 29: Строка 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> - тип маркера точки;
:<code style="color: purple>point.type = gtl.series.square;</code> - тип маркера точки (квадрат, круг);
<pre>
<pre>
square;
square;
Строка 37: Строка 37:
:<code style="color: purple>tags = ["square", "purple"];</code> - тэги (иднетификаторы) графика;
:<code style="color: purple>tags = ["square", "purple"];</code> - тэги (иднетификаторы) графика;
:<code style="color: purple>labels = ["label1", "label2", "label3", "label4"];</code> - массив подписей к точкам графика;
:<code style="color: purple>labels = ["label1", "label2", "label3", "label4"];</code> - массив подписей к точкам графика;
== Пример использования ==
== Пример использования ==
<pre>
<pre>

Версия от 04:56, 25 ноября 2025

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

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

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

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

var canvas1 = gtl.plots.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;
point.size = 10; - размер маркера точки;
tags = ["square", "purple"]; - тэги (иднетификаторы) графика;
labels = ["label1", "label2", "label3", "label4"]; - массив подписей к точкам графика;

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

//отрисовка спектров на координатных плоскостях
var 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],
        frequency: 1000,
        resolution: 1,
        average: 3,
        overlap: .5,
        window: gtl.spec.rectangular
    }
);

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

gtl.diagnostic.interval = ausp.acq_time;
gtl.log.info("acq time", ausp.acq_time);

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

    let sp = plot2.add(
        {
            color: 0xff0000,
            name: "spen(A)",
            x: spen.resolution,
            y: spen.data
        }
    ); //рисуем спектр огибающей на плоскости "spen"

    gtl.diagnostic.stop();
}