Power BI — это мощный инструмент визуализации данных, который позволяет пользователям создавать интерактивные отчеты и информационные панели. При разработке визуализаций часто необходимо изменить размеры фигур, чтобы добиться сбалансированного и эстетичного макета. В этой статье блога мы рассмотрим различные методы одинакового изменения размеров фигур в Power BI, сопровождаемые примерами кода.

Метод 1: использование параметров размера и выравнивания на панели «Форматирование».
Power BI предоставляет встроенную панель форматирования, которая предлагает параметры изменения размера и выравнивания фигур. Чтобы одинаково изменить размер фигур с помощью этого метода, выполните следующие действия:

1. Выберите нужные фигуры на холсте.
2. На панели «Форматирование» перейдите к разделу «Размер и свойства».
3. Настройте свойства «Ширина» и «Высота» до нужных размеров.
4. Включите параметр «Фиксировать соотношение сторон», чтобы сохранить пропорции фигуры.
5. Используйте параметры выравнивания (например, по левому, правому краю, по центру), чтобы обеспечить одинаковое расстояние между фигурами.

Метод 2. Использование панели выбора
Панель выбора в Power BI позволяет управлять видимостью и расположением объектов на холсте. Чтобы одинаково изменить размер фигур с помощью панели «Выделение», выполните следующие действия:

1. Откройте панель выбора, перейдя на вкладку «Главная» и нажав кнопку «Панель выбора».
2. Выберите фигуры, размер которых хотите изменить.
3. Вручную введите нужные размеры в поля «Ширина» и «Высота» на панели «Выбор».
4. Используйте параметры «Упорядочить» (например, переместить вперед или назад), чтобы настроить порядок расположения фигур.

Метод 3. Использование API JavaScript Power BI
API JavaScript Power BI предоставляет программный способ взаимодействия с отчетами и панелями мониторинга Power BI. Чтобы одинаково изменить размер фигур с помощью этого метода, вы можете использовать метод updateSettingsобъекта Visual. Вот пример того, как этого добиться программно:

// Assuming you have a reference to the target visual
const visual = report.visuals.find(v => v.name === 'ShapeVisual');
// Set the desired width and height
const width = 100;
const height = 100;
// Resize the visual equally
visual.updateSettings({
  dataPoint: {
    width,
    height
  }
});