Gtl.plot.add: различия между версиями
Перейти к навигации
Перейти к поиску
Нет описания правки |
|||
| Строка 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();
}