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

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

столбчатая.png

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

 

 

 

Легенда

Настройки

Описание

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

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

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

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

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

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

Настройки

Описание

Настройки

Описание

bar-color.png

 

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

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

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

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

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

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

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

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

Настройки

Описание

Настройки

Описание

x-text.jpg

 

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

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-settings1.jpg

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

zooming.png

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

zoom2.png

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

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

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

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

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

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

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

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

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

    • Линия:

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

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

    • Область:

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

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

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

    • Линия:

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

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

    • Область:

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

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

        slider-selected.png
y-settings1.jpg

 

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

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

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

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

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

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

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

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

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

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

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

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

Настройки

Описание

Настройки

Описание

extra-y.jpg

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

Подписи

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

x.png

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

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

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

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

y.png

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

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

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

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

additionalY.png

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

Панель Drill Down

Настройки

Описание

Настройки

Описание

setting.png

 

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

Подсказка

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

Настройки

Описание

hint-settings1.png

 

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

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

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

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

hint-settings2.png

 

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

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

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

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

hint-settings3.png

 

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

  • шрифт;

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

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

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

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

hint-settings4.png

 

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

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

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

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

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


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

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