Макет приборной панели - FineReport Справочная документация|Разработка отчетов|Использование отчетов|Учебные пособия

Макет приборной панели

сценарий применения

Для уже созданных визуальных приборных панелей желательно, чтобы они имели возможность задавать макет и украшать его.

Функциональное описание

Методы компоновки приборной панели FineBI включают в себя компоновку сетки, свободную компоновку.

По умолчанию используется сетчатое расположение, вы можете задать наличие зазора между компонентами; свободное расположение достигается установкой наведения на компоненты.

Разметка сетки

Сетчатый макет поддерживает только вертикальное расширение, но не горизонтальное. Сетчатая разметка делит плоскость на множество ячеек в соответствии с правилами, каждый компонент занимает определенное количество ячеек, при изменении размера экрана, с учетом фактической ширины и высоты экрана для разделения ячеек, пропорции компонентов относительно всего экрана остаются неизменными.

В макете по умолчанию между компонентами есть зазор, который можно отрегулировать до отсутствия зазора, всегда размещается потолок, компоненты нельзя размещать друг над другом. То есть правила компоновки показаны на рисунке ниже:

Свободная планировка

Свободный макет достигается путем установки наведения компонента, после установки галочки наведения для компонента, вы можете свободно перетаскивать позицию и размер, а также поддерживать настройку порядка, когда компоненты сложены в стопку. Как показано на рисунке ниже:

предварительные условия

Вы добавили визуальные компоненты в приборную панель, завершив комбинацию визуальных компонентов в приборной панели.

Разметка сетки

Установка зазора между компонентами

При входе в интерфейс редактирования приборной панели сетка по умолчанию имеет фиксированные промежутки между компонентами, как показано на следующем рисунке:

Нажмите Dashboard Style > Customise, в Dashboard > Component Gap вы можете установить зазор между компонентами, например, установите зазор на "2", как показано ниже:

Эффект показан ниже:

Свободная планировка

Свободная компоновка достигается наведением компонентов. Компоненты можно размещать друг над другом.

Установка компонента в режим наведения

Если вы хотите, чтобы макет приборной панели можно было свободно настраивать и перетаскивать порядок и положение между компонентами, вы можете выбрать компоненты и опустить вниз, чтобы установить "Hover", как показано на следующем рисунке:

Изменение размера позиции компонента

После наведения компонент можно перетащить в любую позицию, а размер компонента можно задать произвольно, не ограничиваясь правилами разделения плоскостей сетки. Как показано на рисунке ниже:

Установка порядка укладки компонентов

Два компонента, для которых задано одновременное наведение, можно настроить для отображения компонентов, задав порядок: размещены сверху/размещены снизу, как показано на следующем рисунке: