Возможен ли просмотр дэшбордов на мобильных устройствах

Работа с дэшбордом
1

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

этот же дэшборд на большом экране

это ссылка
http://10.2.4.57/#/ds/ds_demo12/dashboards?locations=1&period.end=2013120100000036&mf.e=1&mf.ls=1&mf.m=255&=

это конфиг
{
onClickDataPoint: ‘showDrilldownMenu’,
dataSource: {
periodType: ‘6’,
style: {
metrics: {
‘148’: {
color: ‘#33a6cd’,
},
‘150’: {
color: ‘#f3736a’,
},
},
},
metrics: [
‘148’,
‘150’,
],
},
frame: {
w: 2,
y: 0,
h: 1,
x: 0,
},
onClick: {},
display: {},
view_class: ‘scales’,
title: ‘Клиентская база’,
}

2

Добрый день. Масштабирование на моб.устройствах заложено в архитектуру платформы. По-умолчанию на моб.устройстве каждый дэш должен отображаться отдельно, масштабируясь под экран устройства. Но на некоторых устройствах это может работать некорректно и фронт-енд продолжает работу в этом направлении

3

Коллеги, не всех доступных нам стендах.
Я вижу общую проблему. При просмтре на моб.экране боковое меню занимает 70% экрана.
Это не относится к дэшам.
А дэши на демо.дашбордах созданных вами не хотят масштабироваться под размер экрана.
И здесь думаю не важно какая модель моб.устройства.

4

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

5

Как временное решение можно попробовать следующее:

Подключиться к БД mi
Найти в нужном датасете таблицу dashboards и отредактировать поле configs (для примера выше это будет таблица ds_demo12.dashboards), убрав из json’-конфига ключ viewport

например:

select configs from demo12.dashboards where id=...
отредактировать конфиг, убрав ключ и значение для него
и сохранить
update ds_demo12.dashboards set configs='новое значение конфига'::json where id=...

(где id - это id нужной записи в таблице)

6

Коллеги, у меня у части дашбордов в поле config нет вообще данных сразу при создании (я это поле не трогал). См.рис.ниже.
Но дашборд отображается нормально только в десктоп мониторе.

7

Коллеги, убрал я ключ viewport
получилось следующее:

далее на все скринах один и тот же дашборд
это обычный экран

это телефоны (везде есть горизонтальная прокрутка)

а так выглядит на телефонах если есть ключ viewport

8

Коллеги, попробовал в версии 8.10.24
У меня мобильная верстка пока не отобразилась.

горизонтальная прокрутка на экранах телефонов

9

Коллеги, на основании консультации к версии luxmsbi-web 8.10.31
Попробовал посмотреть адаптивный дизайн.
У всех дашбордов появился ключ viewport. И у всех одно и то же значение “h”: 12, “w”: 12.
см.рис. ниже.

Но к сожалению на мобильном устройстве адаптация не происходит. Может еще что нужно настроить?
на рис. дашборд с двумя диаграммами. На переднем плане экран мобильного с горизонтальной прокруткой. На заднем плане этот же дашборд на большом экране.

10

Мобильная версия подразумевает собой отображение одного дэша на экране. В текущей версии не обязательно убирать viewport у дэшборда, переключение будет происходить и так. Переход между дэшами происходит с помощью свайпа справа-налево. В вашем случае могу предложить указать для данного дэша “Размер области xAxis заголовка” и “Угол поворота yAxis заголовка” тогда дэш будет отображаться более корректно. Идеальным вариантом будет разбить эти данные на 2 дэша.

11

Рекомендуем воспроизводить проверку для мобильных устройств в специальном функционале “Инструмента разработчика” браузера, как указано на скриншоте.
Так же необходимо после перехода в мобильный режим перезагрузить страницу с дэшами комбинацией клавиш CTRL+F5.

12

Хорошо. Сделал как вы порекомендовали.
Но почему в режиме мобильного дэши не друг под другом?
И есть горизонтальная прокрутка?
Сейчас мне в целом не понятно, какое целевое состояние при просмотре на мобильном экране.
Что и как должно адаптироваться?
см.рис.ниже.

13

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

Горизонтальная прокрутка присутствует. Вам необходимо навести курсор мышки на мобильное отображение, нажать ЛКМ(левую кнопку мышки) и потянуть, как при использовании телефона в сторону.

14

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

Может есть какие-то рекомендации по расположению дэшей на дашборде?
Например, если управляющий дэш находится в левой части экрана, то на телефоне это совсем не видно. И пользоваться им не удобно.
Может есть возможность, поместить управляющий дэш на выезжающую панель (типа панели выбора объектов и метрик)?
Может если расположить все дэши друг под другом, то на экране мобильного они выровняются под его размер? И тогда не будет горизонтальной прокрутки.