Круговая диаграмма

Круговая диаграмма

круговая.png

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

 

 

 

Легенда

Настройки

Описание

Группа настроек текста легенды. Здесь вы можете настроить стиль, цвет и размер шрифта, а также стиль начертания текста (жирный, курсив).

Позволяет задать межстрочный интервал в тексте легенды.

Настройка отображения легенды в виде строки или столбца.

Настройка расположения легенды внутри границ виджета по горизонтали.

Настройка расположения легенды внутри границ виджета по вертикали.

Подпись в центре

Настройки

Описание

Настройки

Описание

center.png

 

  • Текст – позволяет задать текст, который будет отображаться в центре круговой диаграммы. Возможно использовать JavaScript. Подробнее в разделе Форматирование виджета "Круговая диаграмма".

  • Настройка текста – группа настроек, которая позволяет настроить стиль и цвет отображаемого текста.

Размер круга

Настройки

Описание

Настройки

Описание

Внешний размер – позволяет настроить внешний диаметр круга.

Внутренний размер – позволяет настроить внутренний диаметр круга.

Подписи

Настройки

Описание

Настройки

Описание

circle-settings.png

 

  • Размер шрифта – группа настроек, которые позволяют настроить размер и стиль шрифта подписей.

  • Цвет текста – позволяет задать цвет текста подписей.

  • Дистанция (px) – настройка удаленности подписей от круга:

    • «» - вынос подписей внутрь;

    • «+» - наружу.

  • Формат значений – настройка формата отображения значений:

    • Настраиваемый – с помощью блока Форматирование;

    • Значение – отображение значения;

    • Проценты;

    • Не отображать.

Настройки серий и сегментов

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

Настройка отображения названия сегментов в легенде.

Позволяет выбрать способ заливки цвета сегмента:

  • Сплошной (один цвет);

  • Градиент (два цвета).

Позволяет задать цвет элемента с помощью стандартной палитры:

При выбранном способе заливки Градиент, необходимо задать два цвета:

Панель Drill Down

Настройки

Описание

Настройки

Описание

setting.png

 

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

Подсказка

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

Настройки

Описание

hint-settings1.png

 

Выпадающее меню, определяющее поведение подсказки при наведении на столбец. Доступны следующие пункты:

hint-settings2.png

 

Позволяют выбрать визуальное оформление подсказки.

  • Светлое – применяет предустановленную светлую тему.

  • Тёмное – применяет предустановленную тёмную тему.

  • Настроить – нажмите, чтобы выполнить настройку требуемых параметров вручную.

hint-settings3.png

 

Группа настроек для раздельной кастомизации стиля трёх элементов подсказки: Заголовок, Подпись и Значения. Вы можете задать:

  • шрифт;

  • размер шрифта;

  • стиль начертания;

  • способ выравнивания;

  • цвет текста.

hint-settings4.png

 

Группа настроек внешнего вида контейнера подсказки.

  • Фон – настройка цвета фона и скругления углов (значение в пикселях).

  • Рамка – настройка цвета и толщины рамки (в пикселях).

  • Стрелка – настройка высоты и ширины треугольной стрелки, указывающей на элемент диаграммы (в пикселях).

  • Тень – настройка параметров тени: смещение по X, смещение по Y, размытие, разброс и цвет.


Смотрите также

Работа с виджетами
Создание пользовательского виджета