Chart.curve

Синтаксис

PP.Ui.Chart.curve(ctx: CanvasRenderingContext2D, points: Array of Number, userPath: Array of Number, lineStyle: Object, closed: Boolean, tension: Number, segments: Number, onlyCalc: Boolean): Array of Number;

Параметры

ctx. Контекст отрисовки;

points. Массив точек ряда данных кривой: [x0,y0,x1,y1, ... ];

userPath. Массив точек пути формата: [x0,y0,x1,y1, ... ];

lineStyle. Отображение линии с заданным цветом и толщиной (LineColor: String, LineWidth: Number);

closed. Замкнутость линий;

tension. Коэффициент изгиба линий. Необязательный параметр, по умолчанию принимает значение 0.5;

segments. Количество сегментов, из которых состоит участок между соседними точками (сглаживание линии). Необязательный параметр, по умолчанию принимает значение 20;

onlyCalc. Флаг запрета отрисовки и вывода точек, по которым строится кривая. Необязательный параметр, по умолчанию принимает значение False.

Описание

Метод curve рисует кривую линию при заданных параметрах.

Пример

Для выполнения примера:

Создайте html-страницу.
В теге <head> добавьте ссылки на js и css-файлы:

PP.js;
PP.GraphicsBase.js;
PP.Charts_Canvas.js;
PP.css;
resources.ru.js.

Выполните в консоли построение кривой линии:

var cnvs = document.createElement('canvas');
// Задаём ширину и высоту канвы
cnvs.style.width = '500px';
cnvs.style.height = '300px';
var ctx = cnvs.getContext('2d');
document.body.appendChild(cnvs);
// Задаём массив точек
var p = [75,50,100,75,100,25];
// Задаём параметры кривой
PP.Ui.Chart.curve(ctx, p,[], {LineColor:'rgba(255,0,0,1)', LineWidth:2}, false, 0.5, 20, false);

После выполнения примера отобразится кривая линия с заданными параметрами.

См. также:

Chart