Gtl.plot.add

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

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

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

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

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
    }
);

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],
            y: [0, 1, 2, 3],
            point: {
                type: gtl.series.circle,
                size: 10
            },
            tags: ["circle", "func"],
            labels: ["point1", "point2", "point3", "point4"]
        }; //рисуем произвольный график функции

    gtl.diagnostic.stop();
}