TextHorizontalAlignment: PP.HorizontalAlignment;
Свойство TextHorizontalAlignment определяет горизонтальное выравнивание текста элементов легенды.
Значение свойства устанавливается из JSON и с помощью метода setTextHorizontalAlignment, а возвращается с помощью метода getTextHorizontalAlignment.
Для выполнения примера необходимо наличие на html-странице компонента BubbleChart с наименованием «bubbleChart» (см. «Пример создания компонента BubbleChart»). Определим и установим массив сопоставлений названий элементов легенды цветам. Установим выравнивание текста элементов по правой стороне и отступы текста элементов легенды от маркеров. Активируем подсветку элементов и обработаем событие Selecting и Selected, выполнив в консоли браузера следующий пример:
// Получим легенду интервалов
var legend = bubbleChart.getLegend();
// Определим массив сопоставлений названий цветам элементов легенды
var c = new PP.Color();
var el1 = {
Name: "Элемент1",
Color: c
}
var el2 = {
Name: "Элемент2",
Color: c
}
var arr = new Array();
arr[0] = el1;
arr[1] = el2;
// Установим сопоставление названий цветам элементов легенды
legend.setItems(arr);
// Установим выравнивание текста по правой стороне
legend.setTextHorizontalAlignment(PP.HorizontalAlignment.Right);
// Установим отступ текста элемента легенды от маркера
legend.setTextSpacing(30);
// Обновим диаграмму
bubbleChart.refresh();
// Активируем подсветку элементов
legend.setDoHighlight(true);
var processSelectedEvent = true;
// Обработаем событие Selecting
legend.Selecting.add(function () {
console.log("Инициировано событие Selecting")
});
// Обработаем событие Selected
legend.Selected.add(function () {
if (processSelectedEvent) {
console.log("Инициировано событие Selected");
processSelectedEvent = false;
}
});
Наведем курсор мыши на элемент легенды.
В результате выполнения примера был установлен массив сопоставлений названий элементов легенды цветам. Было установлено выравнивание текста элементов по правой стороне и отступы текста элементов легенды от маркеров:
![]()
Также в консоли браузера были выведены сообщения о вызове обработанных событий:
Инициировано событие Selecting
Инициировано событие Selected
См. также: