Background: PP.Brush;
Свойство Background определяет кисть заливки фона визуального элемента управления.
Значение свойства устанавливается из JSON и с помощью метода setBackground, а возвращается с помощью метода getBackground.
Для выполнения примера необходимо наличие на html-странице компонента с наименованием «bubbleChart» (см. «BubbleChart с наименованием «bubbleChart» (см. «Пример создания компонента BubbleChart»). Установим новое значение прозрачности фона области матрицы, установим левый отступ и нижнее поле области матрицы, установим заголовок области матрицы. Установим новый шрифт и границу текстовой метки оси X области матрицы, перерисуем текстовую метку, выведем общие значения ширины и высоты метки:
// Получим область пузырьковой диаграммы var chartArea = bubbleChart.getChartArea(); // Получим фон области пузырьковой диаграммы var background = chartArea.getBackground(); // Установим новое значение прозрачности фона background.setOpacity(0.5); // Установим фон области пузырьковой диаграммы chartArea.setBackground(background); // Установим левый отступ области пузырьковой диаграммы chartArea.getMargin().setLeft(30); // Установим нижнее поле области пузырьковой диаграммы chartArea.getPadding().setBottom(30); // Установим заголовок области пузырьковой диаграммы var header = new PP.Ui.ChartLabel({ Text: "Пузырьковая диаграмма", VerticalAlignment: PP.VerticalAlignment.Top, HorizontalAlignment: PP.HorizontalAlignment.Center }); chartArea.setHeader(header); // Получим текстовую метку оси X области пузырьковой диаграммы var label = chartArea.getAxisX().getLabels().getItem(1); // Определим стиль var style = new PP.Style(); // Определим объект, определяющий черный цвет var color = new PP.Color(255, 255, 255); // Создадим новый объект границ var borderSettings = {LeftColor: color, Width: 1} var border = new PP.Border(borderSettings); // Создадим новый объект шрифта var fontSettings = { FontFamily: "Arial", Size: 10, Color: "red"} var font = new PP.Font(fontSettings); // Установим новые значения границ и шрифта для полученной метки и области пузырьковой диаграммы label.setStyle(style, PP.ControlState.Release); label.setFont(font); label.setBorder(border); chartArea.setStyle(style, PP.ControlState.Release); chartArea.setFont(font); // Обновим пузырьковую диаграмму bubbleChart.refresh(); // Перерисуем текстовую метку label.draw(); // Выведем общие значения ширины и высоты метки console.log("Общая ширина метки: " + label.getRealWidth()); console.log("Общая высота метки: " + label.getRealHeight());
В результате выполнения примера была изменена прозрачность фона, левый отступ и нижнее поле области пузырьковой диаграммы, был установлен заголовок. Был установлен новый шрифт и границы для текстовой метки оси X области пузырьковой диаграммы, метка была перерисована:
Также в консоли браузера были выведены значения общей ширины и общей высоты полученной текстовой метки:
Общая ширина метки: 57
Общая высота метки: 25
См. также: