Каскадная диаграмма

Каскадная диаграмма

diagram.png

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

 

 

 

 

Настройки столбцов

Настройки

Описание

Настройки

Описание

growth.png

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

  • Подпись – текст для легенды (по умолчанию «Рост», можно изменить на любой другой)..

  • Цвет – цвет заливки для столбцов роста (по умолчанию зелёный).

fall.png

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

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

  • Цвет – выбор цвета заливки для столбцов снижения (по умолчанию красный).

total.png

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

  • Показывать итоговый столбец – опция включения/отключения этого столбца на диаграмме.

  • Подпись – текст для легенды (по умолчанию «Итого», можно редактировать).

  • Цвет – цвет заливки итогового столбца (по умолчанию серый, чтобы отличать от столбцов изменений).

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

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

Соединительные линии

Настройки

Описание

Настройки

Описание

lines.png

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

В состав группы входят следующие параметры:

  • Отображать соединительные линии – включает или отключает показ этих линий на диаграмме.

  • Цвет линии – выбор цвета для соединительных линий.

  • Толщина линии – толщина линий в пикселях.

  • Стиль линии – выбор типа линии: сплошная, пунктирная и т. д.

Настройки оси Х

Настройки

Описание

Настройки

Описание

text.png

 

Группа настроек текста подписи оси Х.

zooming.png

 

Позволяет включить или отключить зумирование внутри виджета по оси Х. При включенной опции в нижней части виджета появляется шкала зумирования:

zoom.png

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

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

  • Цвет фона – позволяет задать основной цвет фона зоны зумирования (вне выделенной области).

    zoom-background.png
  • Рукоятка прокрутки элемент, позволяющий перемещать выделенную область:

    • Размер – позволяет регулировать размер рукоятки.

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

      handle.png
  • Боковые рукоятки элементы для изменения границ выделенной области (растягивание/сжатие):

    • Цвет – позволяет задать цвет боковых рукояток.

      side-handles.png
  • Слайдер – основная полоса прокрутки, отображающая текущий диапазон зумирования:

    • Линия:

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

      • Прозрачность – позволяет задать уровень прозрачности линии.

    • Область:

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

      • Прозрачность – позволяет задать уровень прозрачности области.

        slider.png
  • Слайдер (выделенное) – настройки внешнего вида слайдера в активном (выделенном) состоянии:

    • Линия:

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

      • Прозрачность – уровень прозрачности линии.

    • Область:

      • Цвет – цвет заливки выделенного слайдера.

      • Прозрачность – уровень прозрачности области.

        slider-selected.png
zoom-new.png

 

  • Сетка – позволяет включить или отключить отображение сетки для значений оси X.

  • Отображать линию оси – позволяет включать или отключать визуальное отображение оси.

  • Верхнее положение – включает отображение оси Х сверху (по умолчанию ось отображается внизу).

  • Форматирование – Позволяет настроить свойства виджета с помощью HTML или JavaScript. Для более подробной информации о форматировании, см. раздел Форматирование виджетов "График", "Столбчатая диаграмма", "Линейчатая диаграмма".

Добавляет фиксированную линию по оси Х. Для настройки свойств линии необходимо раскрыть ее:

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

Добавляет диапазон по оси Х. Для настройки свойств диапазона необходимо раскрыть его:

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

Настройки оси Y

Настройки

Описание

Настройки

Описание

y-interval.jpg
  • Шаг сетки – в данной группе настроек вы можете включить отображение целочисленных шагов сетки, а также включить логарифмическую шкалу и задать интервал сетки.

text-y.png

 

Группа настроек текста подписи оси Y.

zooming.png

Позволяет включить или отключить зумирование внутри виджета по оси Y. При включенной опции в правой части виджета появляется шкала зумирования:

zoom-y.png

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

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

  • Цвет фона – позволяет задать основной цвет фона зоны зумирования (вне выделенной области).

    zoom-background.png
  • Рукоятка прокрутки элемент, позволяющий перемещать выделенную область:

    • Размер – позволяет регулировать размер рукоятки.

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

      handle.png
  • Боковые рукоятки элементы для изменения границ выделенной области (растягивание/сжатие):

    • Цвет – позволяет задать цвет боковых рукояток.

      side-handles.png
  • Слайдер – основная полоса прокрутки, отображающая текущий диапазон зумирования:

    • Линия:

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

      • Прозрачность – позволяет задать уровень прозрачности линии.

    • Область:

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

      • Прозрачность – позволяет задать уровень прозрачности области.

        slider.png
  • Слайдер (выделенное) – настройки внешнего вида слайдера в активном (выделенном) состоянии:

    • Линия:

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

      • Прозрачность – уровень прозрачности линии.

    • Область:

      • Цвет – цвет заливки выделенного слайдера.

      • Прозрачность – уровень прозрачности области.

        slider-selected.png
max-min.png

 

  • Минимальное значение – настройка минимального значения по оси Y.

  • Максимальное значение – настройка максимального значения по оси Y.

  • Интервал делений – настройка интервалов делений по оси Y.

  • Сетка – позволяет включить или отключить отображение сетки для значений оси Y.

  • Отображать линию оси – позволяет включить отображение линии оси Y.

  • Форматирование – Позволяет настроить свойства виджета с помощью HTML или JavaScript. Для более подробной информации о форматировании, см. раздел Форматирование виджетов "График", "Столбчатая диаграмма", "Линейчатая диаграмма".

Добавляет фиксированную линию по оси Y. Для настройки свойств линии необходимо раскрыть ее:

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

Добавляет диапазон по оси Y. Для настройки свойств диапазона необходимо раскрыть его:

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

Подписи

Позволяет настроить подписи точек и столбцов. Здесь вы можете задать цвет текста подписи, настроить отображение текста, а также применить форматирование текста. Для более подробной информации о форматировании, см. раздел Форматирование виджетов "График", "Столбчатая диаграмма", "Линейчатая диаграмма.

x.png

Здесь вы можете включить отображение подписей оси Х, задать цвет текста подписей и настроить отображение текста.

Опция “Тип поворота” позволяет задать ориентацию подписей. Доступны два режима:

  • Авто – подписи автоматически поворачиваются на оптимальный угол для компактного отображения, предотвращая наложение текста.

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

y.png

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

Опция “Тип поворота” позволяет задать ориентацию подписей. Доступны два режима:

  • Авто – подписи автоматически поворачиваются на оптимальный угол для компактного отображения, предотвращая наложение текста.

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

Настройки серий

multiple.png

 

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

multiple2.png

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

Панель Drill Down

Настройки

Описание

Настройки

Описание

setting.png

 

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

Подсказка

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

Настройки

Описание

 

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

  • Отображать – подсказка показывается.

  • Не отображать – подсказка не показывается.

  • Свой формат – позволяет задать произвольное содержимое подсказки с помощью JavaScript (см. раздел Форматирование).

 

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

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

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

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

 

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

  • шрифт;

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

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

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

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

 

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

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

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

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

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


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

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