Оформление
Адаптивная дашборд
1. Обзор
1.1 Версия
| Версия FineBI | Функциональные изменения |
|---|---|
| 6.0.7 | - |
| 6.0.13 | дашборд Адаптивная оптимизация эффекта ховербола |
| 6.0.16 | Новый параметр для ограничения нижнего иверхнегопределов масштабирования предварительного просмотра приборной панели, подробности см. в разделе 5. |
1.2 Сценарии применения
Когда пользователи создают приборные панели для просмотра другими людьми, они часто сталкиваются с такими проблемами, как искажение или неполное отображение приборной панели из-за различных разрешений экрана, соотношения сторон, переключения между большими и маленькими экранами, масштабирования браузера и других проблем.
Пример:
- Текстовый компонент отображается относительно по-разному на компьютерах с разным разрешением.
- Таблица по-прежнему не может отображать все содержимое после перевода строки и т. д.
В этом случае вы можете настроить состояние дисплея приборной панели с помощью параметра "Адаптивный".
1.3 Функциональный профиль
После создания приборной панели вы можете установить эффект "Адаптивный" в интерфейсе редактирования приборной панели. Как показано на рисунке ниже:

| функциональность | инструкции |
|---|---|
| Базовый размер для редактирования | * Настройка размера приборной панели при ее редактировании * Поддерживает две конфигурации размеров: автоматический (по умолчанию), фиксированный размер |
| Правила адаптации на предварительном просмотре | * Адаптивные правила при предварительном просмотре дашбордов (каталог, предварительный просмотр тем аналитики, предварительный просмотр дашбордов) * Параметры правила адаптации в предварительном просмотре соответствуют настройкам базового размера в редактировании. * Можно предварительно задать настройки на экране редактирования приборной панели или изменить их на экране предварительного просмотра (изменения не сохраняются при предварительном просмотре) |
Параметр Adaptation Rule (Правило адаптации) при предварительном просмотре соответствует деталям изменения элемента настройки для базового размера при редактировании. Это показано в таблице ниже:
| Базовый размер для редактирования | Правила адаптации на предварительном просмотре | логическое замечание | Рекомендуемые сценарии |
|---|---|---|---|
| Автоматически (по умолчанию) | Масштабирование макета и содержимого (по умолчанию)Масштабирование макета | 1) Содержимое приборной панели всегда будет автоматически заполнять окно браузера в обоих направлениях при редактировании и предварительном просмотре2) Масштабирование при предварительном просмотре также рассчитывается на основе размера окна браузера зрителя и размера окна браузера последней панели редактирования. | Основные сценарии анализа - фокусировка на изучении характеристик данных и их быстром анализеПри создании приборной панели для нескольких редакторов или зрителей не будет акцента на различиях в визуальных эффектах на уровне пикселей, не будет усечения внутри приборной панели, а общее отображение внутренних элементов будет гармоничным. |
| фиксированный размер | Размер оригинала (по умолчанию)Адаптация по ширине: убедитесь, что слева и справа нет белого пространства или полос прокрутки.Адаптация по высоте: убедитесь, что над, под или за пределами полосы прокрутки нет белого пространства.Адаптация экрана: предварительный просмотр содержимого при редактировании приборной панели также может быть отображен на одном экране | 1) Редактирование приборной панели даст фиксированный размер приборной панели, настраиваемый пользователем, разные люди редактируют приборную панель эталонный размер не изменится(2) Предварительный просмотр гарантирует, что соотношение сторон приборной панели останется неизменным, и будет отображаться адаптивно в зависимости от различных предварительных просмотров. | Сценарии с восходящей отчетностью или фиксированной кабиной - даже некоторые компании серьезно относятся к этому типу сценариев и имеют определенные спецификации пользовательского интерфейса.Этот вид может быть для того, чтобы удовлетворить визуальный эффект накладывается на множество подвесных компонентов, редактор для создания доски Kanban, в связи с высоким спросом на визуальные детали, несколько зрителей или редактирования надеюсь, что относительное положение и размер элементов в пределах приборной панели остаются неизменными, таблицы и количество графиков отображения количества данных и производства данных и поддерживать последовательность, для того, чтобы достичь лучшего визуального эффекта редакторов! |
1.4 условия
- Эта функция не поддерживается браузером IE11.
- По умолчанию для редактирования используется автоматический базовый размер, а для предварительного просмотра - правила масштабирования макета и содержимого.
- Правила адаптации настраиваются при предварительном просмотре, и эффект можно увидеть только при предварительном просмотре панели.
| Базовый размер для редактирования | Правила адаптации на предварительном просмотре | предостережение |
|---|---|---|
| Автоматически (по умолчанию) | Масштабирование макета и содержимого (по умолчанию)Масштабирование макета | 1) Подвесные компоненты: относительное положение подвесных компонентов, уложенных поверх компонентов, не может быть решено в автоматическом режиме(2) Белое пространство таблицы: как экран будет распространяться в предварительном просмотре, так что различные окна предварительного просмотра, соотношение сторон компонента может не соответствовать редактирования, поэтому может быть таблица белого пространства(3) Отображение полос прокрутки: для того, чтобы обеспечить базовый анализ эффекта отображения текста сцены, масштабирование минимального и максимального соотношения имеет предел. Если коэффициент масштабирования слишком велик, на формах и компонентах фильтра могут появиться полосы прокрутки! |
| фиксированный размер | Размер оригинала (по умолчанию)Адаптация по ширине: убедитесь, что слева и справа нет белого пространства или полос прокрутки.Адаптация по высоте: убедитесь, что над, под или за пределами полосы прокрутки нет белого пространства.Адаптация экрана: предварительный просмотр содержимого при редактировании приборной панели также может быть отображен на одном экране | Пробелы на страницах: соотношение сторон гарантировано, на разных страницах окна предварительного просмотра могут быть пробелы (эффект пробелов будет соответствовать стилю приборной панели) |
2. Автоматический
По умолчанию базовым размером для редактирования является "Авто", а правилом адаптации для предварительного просмотра - "Масштабирование макета и содержимого".
Если вы измените его на "Масштаб макета", это будет показано на следующем рисунке:

Эффект "Масштабирование макета" показан ниже:

Если вы установите параметр "Масштабирование макета и содержимого". Как показано на рисунке ниже:
"Масштабирование макета и содержимого": при редактировании содержимое экрана базового размера будет заполнять экран по горизонтали и вертикали, а элементы содержимого в шаблоне будут масштабироваться на основе текущего размера экрана предварительного просмотра и базового размера для расчета соотношения.

3. фиксированный размер
Чтобы установить для адаптивного эффекта приборной панели по умолчанию значение "Фиксированный размер", выберите размер, подходящий для разрешения вашего компьютера (поддерживается настройка). Правило адаптации по умолчанию для предварительного просмотра - "Оригинальный размер". Как показано на рисунке ниже:

Перейдите на экран предварительного просмотра, чтобы увидеть эффект. Как показано на рисунке ниже:

4. Адаптивный ховербол
Веб-компоненты используются для вставки общедоступных ссылок, когда пользователям необходимо использовать другое содержимое приборной панели.
В BI версии 6.0.13 и более поздних версиях при наведении мыши на соответствующий веб-компонент отображается адаптивный ховербол панели, нажмите на него, чтобы настроить адаптивный эффект, как показано на следующем рисунке:
Адаптивные наведенные шары не отображаются, если мышь не наведена на компонент.

5. ограничение диапазона масштабирования предварительного просмотра приборной панели
FineBI поддерживает изменение верхних и нижних границ масштаба предварительного просмотра BI-панели с помощью плагина визуальной конфигурации fine_conf_entity.
| имя параметра | Описание параметров | значение параметра |
|---|---|---|
| SystemOptimizationConfig.scaleLowerLimit | BI Dashboard Preview Zoom Lower Limit | Значение параметра должно быть неотрицательным с плавающейто чкой двойной точности.Значение по умолчанию - 0,7 |
| SystemOptimizationConfig.scaleUpperLimit | Предварительный просмотр BI Dashboard Zoom Cap | Значение параметра должно быть неотрицательным с плавающейто чкой двойной точности.Значение по умолчанию - 1,5 |
