Конструктор дашбордов

Для создания нового дашборда необходимо в главном меню нажать на кнопку «+» около пункта меню «Дашборды».

_images/132.png

Для редактирования существующего дашборда достаточно в режиме просмотра дашборда нажать на кнопку «Редактирование».

_images/287.png

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

_images/456.png

Рабочая область страницы разлинована в клетку для удобства задания границ контейнеров для отображения отчетов, форм, реестров и графиков.

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

_images/288.png

В выделенной области появится контейнер. При наведении курсора мыши на контейнер в нем появятся кнопки и синяя рамка по контуру.

_images/289.png

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

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

Для удаления контейнера следует нажать на иконку i2.

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

При необходимости размер сетки на рабочей области можно изменить. Для этого необходимо нажать на кнопку с изображением шестерёнки (кнопка «Настройка сетки дашборда»), задать количество клеток по длине и ширине дашборда и применить выставленные настройки (кнопка «Применить»). После чего размерная сетка рабочей области изменится.

_images/451.png

Минимальные размеры сетки редактируемого дашборда соответствуют размеру сетки, на которой размещены все блоки дашборда по длине и ширине.

_images/452.png

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

_images/457.png

В результате справа от рабочей области появится скролл.

_images/458.png

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

_images/459.png

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

Настройка контейнера дашборда

Для каждого контейнера дашборда можно задать отчет, форму, реестр, дашборд, график, параметр, ссылки, списки или части размеченного текста (HTML-блок). В одном контейнере может располагаться только один отчет/реестр/форма/дашборд/график/параметр/HTML-блок.

Для того, чтобы добавить отчет/реестр/форму/дашборд/график/параметр/HTML-блок, необходимо нажать на кнопку с изображением шестерёнки (кнопка «Перейти к настройке блока»).

_images/291.png

На верхней панели контейнера появятся:

  1. Кнопка «Выбрать отчет».
  2. Кнопка «Выбрать реестр».
  3. Кнопка «Выбрать форму».
  4. Кнопка «Выбрать дашборд».
  5. Кнопка «Выбрать график».
  6. Кнопка «Выбрать параметр».
  7. Кнопка «HTML-блок».
  8. Флаг «Заголовок».
  9. Текстовое поле для ввода названия контейнера.
  10. Кнопка «Закрыть настройки».

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

_images/292.png

Ввести название контейнера можно в соответствующем поле. По умолчанию, если в текстовое поле ничего не было введено, в качестве заголовка контейнера будет указано название отображаемого в нем отчета/реестра/формы/дашборда/графика/параметра.

Если отображать название контейнера не требуется, можно снять флаг «Заголовок». Данная опция доступна для контейнеров с отчетом/реестром/формой/графиком/HTML-блоком.

Контейнер с отчетом/реестром/формой/графиком

Для переключения между списками отчетов, реестров, форм или графиков следует использовать кнопки «Выбрать отчет», «Выбрать реестр», «Выбрать форму» или «Выбрать график» соответственно.

_images/dash_08.png

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

_images/dash_09.png

При добавлении контейнера с реестром доступна дополнительная опция «Редактирование», которая позволяет в режиме просмотра дашборда вводить данные в указанный реестр.

_images/dash-reg-edit.png

После сохранения дашборда в контейнере с графиком появится кнопка «Экспорт», по нажатию на которую произойдет экспорт графика в формате png.

_images/dash_47.png

Контейнер с параметром

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

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

_images/dash_25.png

Для настройки параметра необходимо нажать на кнопку «Выбрать параметр» и выбрать один из показателей из списка.

_images/dash_26.png

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

_images/dash_27.png

Если выбрано хотя бы одно значение параметра по умолчанию, то кнопка «ОК» станет активной. Необходимо нажать на нее, чтобы сохранить параметр.

_images/dash_28.png

Для параметра можно установить следующие дополнительные настройки:

  • Всегда показывать виджет выбора.
  • Множественный выбор.
  • Авто-добавление новых.
  • Можно добавлять новые элементы в справочник.
  • Сдвигать с шагом.
  • Ограничения.

Флаг «Всегда показывать виджет выбора» влияет на то, как будет выглядеть контейнер с параметром.

_images/dash_29.png

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

_images/dash_30.png

Флаг «Множественный выбор» задает количество значений, которые можно выбирать в параметре. По умолчанию данная опция включена. При ее отключении количество значений, доступных для выбора, уменьшится до одного значения (одиночный выбор значений).

_images/dash_45.png

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

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

_images/dash_31.png

Например, контейнер с параметром «Организационная структура» (показатель типа «Справочник») имеет следующий вид:

_images/dash_32.png

При добавлении нового значения «Организация 5» в справочник «Организационная структура» на дашборде данное значение отобразится с автоматически проставленным флагом, то есть будет автоматически добавлен в условия фильтра.

_images/dash_33.png

Флаг «Можно добавлять новые элементы в справочник» предоставляет возможность в режиме просмотра дашборда редактировать значения справочника.

Обратите внимание, что данная опция доступна только в том случае, когда в качестве параметра выбран показатель типа «Справочник».

_images/dash_36.png

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

_images/dash_37.png

В результате новый элемент будет добавлен в справочник.

_images/dash_38.png

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

_images/dash_39.png

В результате новый элемент будет добавлен в иерархический справочник с заданным родительским элементом «Все организации».

_images/dash_40.png

Также можно редактировать существующие значения параметра. Для этого необходимо перейти в режим редактирования значений параметра (иконка i1), нажать на название интересующего элемента, ввести название и сохранить изменения (нажать на галочку рядом с измененным названием).

_images/dash_41.png

Если необходимо удалить элемент из справочника, то следует нажать на иконку i2.

Флаг «Сдвигать с шагом» позволяет сдвигать значение параметра типа «Период» с заданной периодичностью (день, неделя, декада, месяц, квартал, полугодие, 3 квартала, год).

Например, чтобы каждый день не перестраивать дашборд для новых значений параметра-периода, можно задать опцию «Сдвигать с шагом» с периодичностью «день». В результате переключение на следующий день будет происходить автоматически.

_images/dash_46.png

С помощью опции «Ограничения» можно ограничить значения, из которых возможен выбор. Для этого необходимо навести курсор мыши на «Ограничения» и во всплывающем окне указать, какие значения сможет принимать выбранный параметр.

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

Контейнер с дашбордом

Контейнер с дашбордом представляет собой кнопку для перехода на указанный в настройках контейнера дашборд.

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

_images/dash_42.png

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

_images/dash_43.png

При переходе с одного дашборда на другой выставленные значения параметров сохраняются.

_images/dash_44.png

Контейнер с HTML-блоком

Контейнер дашборда может содержать HTML-блок, в котором можно задавать ссылки, списки, части размеченного текста.

_images/html_dash1.png

Код для реализации кнопки на дашборде с переходом между дашбордами без перезагрузки страницы:

<button class="topnclass" onclick="Backbone.history.navigate('/dashboard/136084/', true)">Топ 20 проблем</button>

Где «Топ 20 проблем» - название кнопки, «/dashboard/136084/» - ссылка для перехода по нажатию кнопки.

Отображение кнопки на дашборде:

_images/360.png

На странице настройки внешнего вида приложения /project/description (см. раздел Настройка стилей интерфейса системы) в подразделе «Дополнительный CSS» можно настроить внешний вид кнопки.

Например, вот такой код:

      button.topnclass {
width: 100%;
height: 100%;
position: absolute;
margin-left: -10px;
padding: 0px;
background-color: #37414e;
color: white;
border-color: #37414e;
}

Приведет кнопку на дашборде к такому виду:

_images/button_3.PNG

Код для реализации кнопки «Обновить»:

<button onclick="Backbone.history.loadUrl(Backbone.history.getFragment())">Обновить</button>

Отображение кнопки на дашборде:

_images/303.png

Код для заголовка с фоном на дашборде:

<style>
 h1.db-header {
       left: 0;
       right: 0;
       top: 0;
       bottom: 0;
       text-align: center;
       font-weight: bold;
       font-size: 26px;
       background: #cbe9ff;
       color: #013963;
       position: absolute;
       margin: 0;
       padding-top: 20px;
 }
</style>
<h1 class="db-header">КАМЧАТСКИЙ КРАЙ</h1>

Отображение заголовка на дашборде:

_images/caption.PNG

Изменить названия показателей на дашборде: «Показатель с» на «Отчетный период, с», а «Показатель по» на «по»:

<script>
$('.db-param-name-value span:contains("Показатель С")').text("Отчетный период, с");
$('.db-param-name-value span:contains("Показатель По")').text("по");
</script>

Результат работы скрипта представлен на рисунке:

_images/dash_34.PNG

Настройка справки для блока дашборда

Есть возможность добавить справку к блоку, нажав кнопку «Настройка подсказки». Откроется всплывающее окно с полем «Заголовок» и полем для ввода текста справки.

_images/293.png

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

Например, HTML кодировка:

<p><span style="font-family: &quot;Trebuchet MS&quot;, sans-serif; font-size: 15.2px; text-align: justify; text-indent: 38px;">&nbsp; &nbsp;</span>Модель Альтмана, показывающая вероятность&nbsp;банкротства, построена на выборе из 66 компаний &ndash; 33 успешных и 33 банкрота. Модель предсказывает точно в 95% случаев.</p>
<p>&nbsp; &nbsp;Модель Альтмана рассчитывается по формуле:</p>
<p><b>Z = 0,717Х1 + 0,847Х2 + 3,107Х3 + 0,42Х4 + 0,995Х5</b></p>
<p><i>X1 - оборотный капитал к сумме активов предприятия. Показатель оценивает сумму чистых ликвидных активов компании по отношению к совокупным активам.</i></p>
<p><i>X2 - чистая прибыль к сумме активов предприятия, отражает уровень финансового рычага компании</i></p>
<p><i>X3 - прибыль до налогообложения к общей стоимости активов. Показатель отражает эффективность операционной деятельности компании</i></p>
<p><i>Х4 - балансовая стоимость собственного капитала /обязательства </i></p>
<p><i>Х5 - объем продаж к общей величине активов предприятия, характеризует рентабельность активов предприятия. &nbsp;&nbsp; </i></p>
<p>Если Z &lt;= 0,7 &ndash; организация находится в зоне финансового риска;</p>
<p>Если 0,7 &lt; Z &lt;= 1,3 &ndash; организация находится в зоне неопределенности;</p>
<p>Если Z &gt; 1,3 &ndash; организация находится в зоне финансовой устойчивости.</p>
<p>&nbsp;</p>

Справка к блоку в HTML кодировке:

_images/reference_1.PNG

Справка к блоку без HTML кодировки:

_images/reference_2.PNG

Сохранение и создание новых, открытие уже существующих дашбордов

По окончанию настройки структуры дашборда и всех его компонентов необходимо его сохранить. Для этого следует ввести название дашборда в текстовом поле в верхнем меню страницы и нажать на кнопку «Сохранить» слева от этого поля.

_images/294.png

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

_images/295.png

Для того, чтобы открыть существующий в Системе дашборд, необходимо нажать на кнопку с изображением папки слева от кнопки «Сохранить» (кнопка «Загрузить дашборд»), затем в открывшемся списке дашбордов нажать на название интересующего дашборда. В результате дашборд начнет загружаться (это может занять некоторое время – такое же, как при построении отчета или графика в конструкторе).

_images/297.png

Чтобы создать новый дашборд, необходимо нажать на кнопку «Новый дашборд» в верхнем меню страницы.

_images/296.png

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

_images/298.png

Изменение содержания контейнера

Для изменения содержания контейнера необходимо повторно нажать на кнопку настройки контейнера. В списке элементов выбранный на данный момент для отображения отчет/реестр/форма/дашборд/график/параметр будет отмечен в соответствующем чекбоксе. По нажатию левой кнопки мыши на другое название список закроется и начнется загрузка вновь выбранного отчета/реестра/формы/дашборда/графика/параметра.

Если требуется изменить название уже существующего контейнера, следует в настройках контейнера ввести новое название в текстовом поле, после чего или повторно выбрать необходимый для отображения элемент Системы (отчет/реестр/форма/дашборд/график/параметр), или нажать на кнопку «Закрыть настройки».

По окончанию настройки структуры дашборда и всех его элементов необходимо его сохранить, нажав на кнопку «Сохранить» в верхнем меню страницы работы с дашбордами.

Если изменять настройки контейнера не требуется, можно закрыть окно настроек, нажав на кнопку «Закрыть настройки» в левом верхнем углу окна. При этом в контейнере отобразится его текущее содержимое.

_images/dash_14.png

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

_images/299.png

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

Режим просмотра дашборда

Для перехода от редактирования дашборда к его просмотру следует нажать на кнопку «Просмотр» в верхнем меню страницы.

_images/300.png

В режиме просмотра нет клетчатой разметки страницы и нет возможности настроить и изменить отдельные контейнеры дашборда.

Из режима просмотра, так же, как и из режима редактирования, можно перейти к просмотру выбранного отчета, реестра или формы (кнопка «Перейти к просмотру отчета» в правом нижнем углу контейнера с интересующим отчетом, реестром, формой или графиком).

_images/dash_18.png

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

_images/dash_19.png

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

_images/dash_20.png

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

_images/dash_48.png

Также в режиме просмотра дашборда доступен ввод данных в реестр, если в настройках контейнера указана опция «Редактирование».

Автообновление дашборда

Функция «Автообновление» позволяет автоматически через заданный промежуток времени обновлять данные дашборда.

_images/453.png

По умолчанию данная функция неактивна («Автообновление отключено»).

Для запуска автоматического обновления дашборда необходимо задать периодичность обновления (1 минута, 5 минут, 15 минут, 1 час, 1 день), после чего на кнопке появится синий кружок, что будет означать, что функция «Автообновление» активна.

_images/454.png

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

При отключении автоматического обновления дашборда синий индикатор, соответственно, пропадет.

Удаление дашборда

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

_images/301.png

В результате на экране появится диалоговое окно для подтверждения удаления дашборда. Если удаление действительно необходимо, то следует нажать на кнопку «Да, удалить дашборд», в противном случае – на кнопку «Нет, продолжить работу с дашбордом».

_images/302.png

Расшаривание дашборда

О произвольном доступе к дашборду («расшаривании дашборда») подробнее см. в подразделе «Публичный пользователь».