# 7. Модуль "Дэшборды"

<div class="mb-4" id="bkmrk-%D0%A1%D1%81%D1%8B%D0%BB%D0%BA%D0%B0-%D0%BD%D0%B0-%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8C%3A-ht">Ссылка на модуль: [https://my.whalepro.org/dashboards-list/](https://my.whalepro.org/dashboards-list/)

###### 7.1. Назначение дэшбордов

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

На одной странице можно отображать, максимум, 12 элементов.

Дашборды доступны только на тарифе Pro. Также у пользователей этого платного тарифа доступен дашборд альткоинов от @dimasvz.

[https://my.whalepro.org/dashboards/?dashboard=56a9db6e92fa420e0c423b18adc4d9d7](https://my.whalepro.org/dashboards/?dashboard=56a9db6e92fa420e0c423b18adc4d9d7)

###### 7.2. Создание и работа с дэшбордами

Для начала перейдите на страницу дашбордов [https://my.whalepro.org/dashboards-list/](https://my.whalepro.org/dashboards-list/) и посмотрите, какие там доступны. Возможно, будет примерно такая картинка, нажмите на кнопку в левом верхнем углу «Новый»

<div class="card-img-actions mb-3"> [ ![Рис.103](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image16-png.png) ](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image16-png.png) </div>После нажатия откроется такая страница, на которой нажмите на кнопку «Add dashboard»

<div class="card-img-actions mb-3"> [ ![Рис.104](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image17-png.png) ](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image17-png.png) </div>После этого этот блок переместиться вправо. Это будет означать, что у вас ещё есть возможность добавлять новые элементы в этом дашборде. Кроме того, слева появится блок настройки контента. Нажмите на «шестерёнку»:

<div class="card-img-actions mb-3"> [ ![Рис.105](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image18-png.png) ](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image18-png.png) </div>Появляется выпадающий список настраиваемых элементов: график, видео, текст. Выберите пункт «Chart»:

<div class="card-img-actions mb-3"> [ ![Рис.106](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image19-png.png) ](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image19-png.png) </div>Это приводит к появлению дефолтного графика в данном элементе:

<div class="card-img-actions mb-3"> [ ![Рис.107](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image20-png.png) ](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image20-png.png) </div>Теперь давайте загрузим наш ранее созданный график в этот блок. Для этого щёлкните по разворачивающемуся списку кнопки Save, а потом Load layout

<div class="card-img-actions mb-3"> [ ![Рис.108](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image21-png.png) ](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image21-png.png) </div>В раскрывшемся списке выберите нужный график

<div class="card-img-actions mb-3"> [ ![Рис.109](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image22-png.png) ](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image22-png.png) </div>Получим свой график на странице. Однако мы видим, что график не слишком читабелен. Чтобы это исправить, давайте сделаем блок шире. Наведите мышку на сюда:

<div class="card-img-actions mb-3"> [ ![Рис.110](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image23-png.png) ](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image23-png.png) </div>И протяните вправо.

Теперь не забудьте сохранить дашборд, кликнув на кнопку «Сохранить»:

<div class="card-img-actions mb-3"> [ ![Рис.111](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image24-png.png) ](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image24-png.png) </div>Введите название своего дашборда:

<div class="card-img-actions mb-3"> [ ![Рис.112](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image25-png.png) ](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image25-png.png) </div>Появится уведомление в правом верхнем углу об успешном сохранении дашборда, а также сразу отобразится его новое название:

<div class="card-img-actions mb-3"> [ ![Рис.113](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image26-png.png) ](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image26-png.png) </div>Таким же способом вы можете добавлять дополнительные блоки графиков, а также текстовые заметки или видео.

Чтобы удалить созданный дашборд, вернитесь на страницу списка [https://my.whalepro.org/dashboards-list](https://my.whalepro.org/dashboards-list) и кликните на соответствующую иконку напротив дашборда:

<div class="card-img-actions mb-3"> [ ![Рис.114](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image27-png.png) ](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image27-png.png) </div>Для изменения названия дашборда используйте иконку «карандашика» рядом с кнопкой удаления.

**Добавление плитки в любом месте дашборда**

Нередко при редактировании дашборда появляется необходимость добавления новой плитки в середине дашборда. Чтобы не создавать новую плитку в конце дашборда и затем не перетягивать её в нужное место на каждой плитке имеется элемент управления в виде символа +, позволяющий добавить новую плитку сразу после плитки на которой был нажат "плюс".

<div class="card-img-actions mb-3"> [ ![Рис.113-2](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image28-png.png) ](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image28-png.png) </div>После нажатия на "плюс" левой плитки сразу за ней будет добавлена новая пустая.

<div class="card-img-actions mb-3"> [ ![Рис.113-3](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image29-png.png) ](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image29-png.png) </div>###### 7.3. Рекомендации по работе с дэшбордами

Для начала перейдите на страницу дашбордов [https://my.whalepro.org/dashboards-list/](https://my.whalepro.org/dashboards-list/) и посмотрите, какие там доступны.

Возможно, будет примерно такая картинка:

<div class="card-img-actions mb-3"> [ ![Рис.115](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image30-png.png) ](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image30-png.png) </div>Напоминаю, что это отображение всего списка дашбордов, которые у вас доступны.

Давайте откроем вот этот дашборд BTCUSDT:

<div class="card-img-actions mb-3"> [ ![Рис.116](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image31-png.png) ](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image31-png.png) </div>Откроется дашборд:

<div class="card-img-actions mb-3"> [ ![Рис.117](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image32-png.png) ](https://wiki.whalepro.org/uploads/images/gallery/2025-08/scaled-1680-/image32-png.png) </div>Для облегчения восприятия информации на нём не забывайте, что мелкие окна графиков можно разворачивать на весь экран (1), а также менять размеры этого элемента под нужные вам параметры путём растягивания блока (2). Если текст в блоке слишком длинный, то к нему всегда есть прокрутка для удобства.

##### Советы по эффективному использованию дашбордов:

1. **Группируйте связанные данные:** Размещайте на одном дашборде информацию, которая логически связана между собой. Например, создайте отдельный дашборд для анализа конкретной монеты, включающий различные индикаторы и временные рамки.
2. **Оптимизируйте размер элементов:** Не делайте элементы слишком маленькими, так как это затруднит анализ данных. Лучше создать несколько дашбордов с хорошо читаемыми элементами, чем один с множеством мелких.
3. **Используйте текстовые блоки для заметок:** Добавляйте текстовые блоки с комментариями и наблюдениями, чтобы сохранить важную информацию рядом с соответствующими графиками.
4. **Регулярно обновляйте дашборды:** Пересматривайте и обновляйте свои дашборды по мере изменения рыночных условий и ваших торговых стратегий.
5. **Создавайте тематические дашборды:** Например, один дашборд для технического анализа, другой для анализа объемов, третий для мониторинга китовых кошельков и т.д.
 
Правильно настроенные дашборды позволяют быстро получать комплексную картину рынка и принимать более обоснованные торговые решения.

</div>