График

График

график.png

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

 

 

 

Легенда

Настройки

Описание

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

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

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

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

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

Ось Х

Настройки

Описание

text-settings1.jpg

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

zooming.png

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

zoom-x.png

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

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

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

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

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

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

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

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

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

    • Линия:

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

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

    • Область:

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

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

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

    • Линия:

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

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

    • Область:

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

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

        slider-selected.png

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

Позволяет скрыть или отобразить линию оси Х.

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

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

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

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

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

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

Ось Y

Настройки

Описание

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

text-settings1.jpg

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

zooming.png

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

zoom-y.png

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

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

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

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

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

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

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

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

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

    • Линия:

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

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

    • Область:

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

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

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

    • Линия:

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

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

    • Область:

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

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

        slider-selected.png

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

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

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

Включает отображение направляющих сетки по значениям оси Y.

Позволяет скрыть или отобразить линию оси Y.

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

в правом верхнем углу виджета.

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

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

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

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

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

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

Настройки

Описание

Настройки

Описание

extra-y.jpg

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

Подписи

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

x.png

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

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

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

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

y.png

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

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

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

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

additionalY.png

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

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

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

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

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

Настройки

Описание

Настройки

Описание

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

 

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

Позволяет задать толщину линии для всех серий графика.

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

Например, если основная ось Y отображает объём продаж в денежных единицах, то серия «Средний чек» может быть привязана к дополнительной оси, чтобы показать её динамику в корреляции с общими продажами, но в своем собственном масштабе.

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

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

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

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

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

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

Настройка типа отображения серии в виде:

  • гистограмма;

  • график;

  • диаграмма с областями.

Позволяет выбрать тип линии (сплошная, пунктирная и т.д.).

Позволяет задать толщину линии для конкретной серии.

Тип соединения точек на графике: отрезками или сглаженными линиями.

Включает отображение маркеров на графике.

Панель Drill Down

Настройки

Описание

Настройки

Описание

setting.png

 

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

Подсказка

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

Настройки

Описание

hint-settings1.png

 

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

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

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

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

hint-settings2.png

 

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

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

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

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

hint-settings3.png

 

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

  • шрифт;

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

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

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

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

hint-settings4.png

 

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

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

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

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

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


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

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