Столбчатая диаграмма

Столбчатая диаграмма

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

 

 

 

Легенда

Настройки

Описание

legend.png

 

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

interval.png

 

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

orientation.png

 

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

horizontal.png

 

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

vertical.png

 

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

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

Настройки

Описание

Настройки

Описание

 

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

group.png

 

Настройка отображение серий:

  • если выбрано Сгруппировать столбцы, столбцы будут находиться рядом друг с другом;

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

Также здесь можно настроить ширину столбцов и размер отступов между столбцами.

contour.png

 

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

transparency.png

 

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

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

Настройки

Описание

Настройки

Описание

 

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

 

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

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

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

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

    zoom-background.png

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

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

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

      handle.png

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

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

      side-handles.png

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

    • Линия:

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

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

    • Область:

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

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

        slider.png

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

    • Линия:

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

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

    • Область:

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

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

        slider-selected.png

 

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

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

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

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

bb611dbd-f5de-41c2-94bb-feb7cb81db45.png

 

 

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

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

1b645730-8ebc-4a38-b591-32bd1ca14bc2.png

 

 

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

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

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

Настройки

Описание

Настройки

Описание

y-interval.jpg

 

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

text-settings1.jpg

 

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

257062be-2f33-436e-9450-91b4e9e69e45.png
zooming.png

 

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

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

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

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

    zoom-background.png

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

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

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

      handle.png

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

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

      side-handles.png

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

    • Линия:

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

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

    • Область:

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

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

        slider.png

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

    • Линия:

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

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

    • Область:

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

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

        slider-selected.png

 

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

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

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

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

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

  • Зумирование – позволяет включить или отключить зумирование внутри виджета по оси Y. Зумирование осуществляется выделением необходимого диапазона курсором мыши внутри виджета. Сброс зума осуществляется с помощью кнопки Сбросить зум в правом верхнем углу виджета.

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

fixed2.png

 

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

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

space3.png

 

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

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

Ось Y Дополнительная

Настройки

Описание

Настройки

Описание

extra-y.jpg

 

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

Подписи

caption.png

 

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

x.png

 

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

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

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

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

y.png

 

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

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

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

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

additionalY.png

 

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

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

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

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

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

multiselection.png

 

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

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

additional-axis.png

 

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

caption-in-legend.png

 

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

fill.png

 

Позволяет задать способ заливки цвета серии:

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

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

6c8b96dd-0a0c-4d8b-8c54-d7814745c183.png

 

 

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

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

contour2.png

 

Позволяет включить обводку столбцов, а также настроить её толщину и цвет.

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

 

Панель Drill Down

Настройки

Описание

Настройки

Описание

 

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

Подсказка

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

Настройки

Описание

 

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

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

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

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

 

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

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

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

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

 

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

  • шрифт;

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

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

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

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

 

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

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

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

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

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


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

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