PCArea.Footer

Синтаксис

Footer: PP.Ui.ChartSVGLabel;

Описание

Свойство Footer устанавливает нижний колонтитул области отрисовки диаграммы.

Комментарии

Значение свойства устанавливается из JSON и с помощью метода setFooter, а возвращается с помощью метода getFooter.

Пример

Для реализации примера необходимо наличие компонента ParallelCoordinates с наименованием «coord» (см. «Пример создания компонента ParallelCoordinates»). Создадим и отрисуем на диаграмме верхний и нижний колонтитулы:

// Создаёт SVG-метку
function createLabel(text) {
    var labelData = {
        Height: 20,
        Text: text,
        Width: 50
    };
    return new PP.Ui.ChartSVGLabel(labelData);
}
function drawLabel(label, area) {
    var parentNode = coord.getChartArea().getLabelsLayer();
    label.draw(area, parentNode);    
}
// Получаем область рисования диаграммы
var chartArea = coord.getChartArea();
// Создаём верхний колонтитул области
var header = createLabel("Верхний колонтитул");
// Отрисовываем заголовок
drawLabel(header, new PP.Rect("0, 0, 150, 10"));
// Создаём нижный колонтитул области
var footer = createLabel("Нижний колонтитул");
// Отрисовываем его
var freeArea = new PP.Rect();
freeArea.setTop(chartArea.getHeight() - 45);
freeArea.setHeight(10);
freeArea.setWidth(150);
drawLabel(footer, freeArea);

В результате выполнения примера на диаграмме были отрисованы верхний и нижний колонтитулы:

См. также:

PCArea