Настройки оформления в DataLens Enterprise

Настройки оформления позволяют изменить настройки внешнего вида интерфейса для всей организации:

• Настроить стилизацию интерфейса.
• Добавить, изменить или удалить цветовые палитры чартов.

Изменить настройки может администратор экземпляра DataLens (роль datalens.admin).

Чтобы перейти к настройкам оформления:

1. На панели слева выберите Настройки сервиса. Если на панели не отображается , сначала выберите Ещё, а затем — Настройки сервиса.

2. Выберите вкладку Оформление.

   

Стилизация интерфейсаСтилизация интерфейса

Стилизация интерфейса в DataLens позволяет настроить внешний вид интерфейса вашей инсталляции сервиса: цвета, логотип и оформление отдельных элементов.

Изменить настройки стилизации может администратор экземпляра DataLens (роль datalens.admin).

Чтобы настроить внешний вид интерфейса:

1. Перейдите на главную страницу DataLens.

2. На панели слева выберите Настройки сервиса.

3. Выберите вкладку Оформление.

4. В разделе Стилизация интерфейса нажмите кнопку Настроить.

   Настроить стилизацию

   

5. Настройте оформление:

   • Тема интерфейса — выберите тему интерфейса, для которой задается цветовая палитра.

   • Контрастность — выберите контрастность, для которой задается цветовая палитра.

   • Цветовая палитра — набор цветов для выбранной темы интерфейса и контрастности. Для каждого сочетания темы и контрастности можно настроить уникальную палитру.

     Цвета можно задать вручную или сгенерировать:

     Вручную

     Сгенерировать

     • Основной цвет — используется в качестве фона для кнопок и элементов управления: переключателей, чекбоксов и селекторов. Также основной цвет используется в качестве темы для всплывающих подсказок.
     • Основной цвет при наведении курсора — при ручной настройке можно выбрать любой цвет. При генерации палитры автоматически задается более темный оттенок основного цвета.
     • Фон страницы — цвет фона страницы. Для светлой темы чаще всего используется белый цвет. Для темной темы выбор цветов более широкий: от нейтральных серых оттенков до теплых или холодных цветов.
     • Дополнительный цвет — используется в качестве фона для карточек и других элементов, размещенных поверх фона страницы.
     • Выбранные элементы — цвет для выбранных элементов, например: нажатой кнопки, выбранной строки или выделенного текста.
     • Выбранные элементы при наведении курсора — цвет для выбранных элементов (например, нажатой кнопки, выбранной строки) при наведении на них курсора.
     • Текст на выбранных элементах — цвет текста на выбранных элементах. Задайте его контрастным по отношению к цвету выбранных элементов.
     • Линии и обводки — цвет активной карточки или таба, а также цвет индикатора загрузки.
     • Ссылка — цвет для текста ссылки.
     • Ссылка при наведении курсора — цвет для текста ссылки при наведении на него курсора.

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

   • Контрастный цвет — выберите цвет для текста на кнопке.

   • Логотип и фавиконка — чтобы заменить логотип и фавиконку, вставьте в это поле ссылку на файл формата SVG в пропорции 1:1. Справа от поля нажмите кнопку Применить.

   • Скругление — задает скругление углов элементов интерфейса.

   Примечание

   В области предпросмотра отображается внешний вид элементов интерфейса с заданными настройками.

6. Вверху справа нажмите кнопку Сохранить.

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

Управление цветовой палитрой чартовУправление цветовой палитрой чартов

В DataLens Enterprise вы можете создать, изменить, удалить цветовую палитру и настроить цветовую палитру по умолчанию.

Создать цветовую палитруСоздать цветовую палитру

Чтобы создать цветовую палитру:

1. Перейдите на главную страницу DataLens.

2. На панели слева выберите Настройки сервиса.

3. Выберите вкладку Оформление.

4. В разделе Палитры добавьте новую палитру:

   Градиентная цветовая палитра

   Цветовая палитра

   Градиентная цветовая палитра применяется в чартах для числовых показателей.

   1. В подразделе Градиентные цветовые палитры нажмите кнопку + Добавить палитру.

   2. В открывшемся окне введите параметры:

      • Вверху введите Название палитры.

      • Внизу слева введите начальное, а справа — конечное значение цвета для градиента в шестнадцатеричном формате. Например, введите 0044A3 слева и 8CCBFF справа для изменения градиента от темно-синего до светло-голубого.

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

   3. Нажмите кнопку Сохранить.

   Цветовая палитра применяется в чартах для дискретных значений: названий показателей, значений измерений.

   1. В подразделе Цветовые палитры нажмите кнопку + Добавить палитру.

   2. В открывшемся окне введите параметры:

      • Вверху введите Название палитры.

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

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

   3. Нажмите кнопку Сохранить.

Изменить цветовую палитруИзменить цветовую палитру

Чтобы изменить цветовую палитру:

1. Перейдите на главную страницу DataLens.
2. На панели слева выберите Настройки сервиса.
3. Выберите вкладку Оформление.
4. В разделе Палитры нажмите на строку с палитрой, которую хотите изменить.
5. В окне Настройка цветовых палитр внесите изменения.
6. Нажмите кнопку Сохранить.

Удалить цветовую палитруУдалить цветовую палитру

Чтобы удалить цветовую палитру:

1. Перейдите на главную страницу DataLens.
2. На панели слева выберите Настройки сервиса.
3. Выберите вкладку Оформление.
4. В разделе Палитры наведите указатель на название палитры, которую хотите удалить.
5. Справа нажмите на значок и выберите Удалить.
6. Нажмите кнопку Удалить.

Настроить цветовую палитру по умолчаниюНастроить цветовую палитру по умолчанию

Чтобы настроить цветовую палитру по умолчанию на любую из предустановленных или ранее добавленных:

1. Перейдите на главную страницу DataLens.
2. На панели слева выберите Настройки сервиса.
3. Выберите вкладку Оформление.
4. В разделе Палитры выберите из списка палитру по умолчанию. Палитра по умолчанию будет применена ко всем чартам, использующим палитру по умолчанию. В чартах с настроенными палитрами изменений палитры не будет.

При удалении цветовой палитры по умолчанию палитра Default 20 будет использоваться вместо удаляемой. Она будет применена ко всем чартам, использующим палитру по умолчанию.