|
|---|
В блоке "График" отображаются сводные данные о задачах в табличном или графическом виде.
Дополнительные настройки блока "График"
Выбор источника данных
В качестве источника данных для графика можно использовать SQL-объект: хранимую процедуру, представление (view) или таблицу.
|
|---|
Настройки источника данных SQL:
Поле |
Описание |
|---|---|
SQL Объект |
Название SQL-процедуры |
Заголовок |
Текстовая колонка с названиями, которые будут отображаться по оси X |
Значения |
Числовая колонка со значениями, которые будут отображаться по оси Y на первом графике |
Цвета |
Текстовая колонка с кодами цветов в HEX-формате (6 символов) или HTML-формате (предопределенные цвета, такие как blue, red и т.п.). Например, для белого цвета: FFFFFF или white |
Колонка для функции Drilldown |
Колонка, по которой настраивается детализация (поле может быть пустым) |
Группировать по |
Колонка, по которой группируются данные для получения промежуточных итогов (поле может быть пустым) |
Кол-во строк которые нужно игнорировать |
Если SQL-объект содержит итоговые строки, которые не должны отображаться на графике, укажите количество таких строк (поле может быть пустым) |
Настроить таблицу детализации |
Если для графика включена возможность детализации данных (параметр Открывать детализацию по клику на графике), то необходимо настроить параметры детализации. Для этого перейдите по ссылке Настроить таблицу детализации. Работа с этой таблицей аналогична настройке блока "Таблица". |
Отображение нескольких серий на одном графике
По кнопке Добавить график отобразится окно для настройки новой серии значений. Укажите название, тип графика, шаблон подсказки и цвет графика. Включите настройку Использовать данные из SQL-view (третий столбец) и выберите столбец со значениями для серии.
Настойка еще одной серии на графике
Типы графика
Линейная диаграмма
При выборе типа диаграммы Линейная диаграмма или Линейная диаграмма (область) отображается дополнительный блок параметров для настройки:
Настройки линейных диаграмм
При включенном параметре Отображать значения рядом с точками на графике отображаются значения:
Значения отображаются рядом с точками
Линейная диаграмма (область)
Столбчатая диаграмма
При выборе типа диаграммы Столбчатая или Столбчатая (горизонтальная) отображается дополнительный блок параметров для настройки:
Настройки столбчатых диаграмм
Если включен парметр Сгруппировать столбцы, то столбцы накладываются друг на друга.
Если парметр Включить подписи столбцов включен, то на графике рядом с вершинами столбцов отображаются числовые значения:
Диаграмма с подписями столбцов
Секторная (круговая) диаграмма
При выборе типа диаграммы Секторная или Секторная без центра отображается дополнительный блок параметров для настройки:
Настройка круговых (секторных) диаграмм
Параметр Выводить значения вместо процентов определяет формат вывода подписей — в виде % от общего числа или в количественном выражении:
Отображение подписей в виде процентов или значений
Настройка Показывать легенду рабочей области управляет отображением подписей, расположенных непосредственно на диаграмме. Он может использоваться отдельно или совместно с параметром Показывать легенду из общих настроек блока.
Секторная без центра
Таблица
При выборе типа диаграммы Таблица отображается дополнительный блок параметров для настройки:
Настройка таблицы
Чтобы при отображении графика в виде таблицы выводилась итоговая строка, отметьте опцию Включить Итого по таблице.
В поле Текст Итого по таблице можно задать надпись, которая будет отображаться в итоговой строке.
Таблица
Воронка продаж
|
|---|
При выборе типа диаграммы Воронка продаж отображается дополнительный блок параметров для настройки:
Настройки воронки продаж
При включенном параметре Включить подписи для воронки на графике справа от воронки будут отображаться названия элементов графика.
В параметре смещение справа можно указать расстояние (в пикселях) от правой границы графика до правой границы блока (таким образом можно регулировать ширину блока подписей). Если значение параметре "смещение справа" оставить пустым, то отображение графика оптимизируется автоматически.
Воронка продаж
Линейная с накоплением
Для правильного отображения диаграммы типа Линейная с накоплением или Линейная с накоплением (горизонтальная) в блоке настройки SQL-объекта необходимо заполнить поле Группировать по. В этом поле должен быть указан столбец, по которому осуществляется группировка данных.
Подсчет итогов выполняется по столбцу, указанному в поле Заголовок и определяющему значения по оси Х.
Цвета сегментов определяются автоматически.
Пример:
Источник данных
Линейная с накоплением
Линейная с накоплением (горизонтальная)
Настройки блока
*Для вывода более сложных данных используйте блок Таблица.
При наведении курсора мыши на область или точку графика всплывает подсказка. По умолчанию в подсказке отображаются значения по осям X и Y, а также название серии.
Всплывающая подсказка по умолчанию
Формат подсказки можно настроить, заполнив поле "Шаблон подсказки". Шаблон задается в формате highcharts отдельно для каждого графика (каждой серии значений). Если задан шаблон, он замещает подсказку по умолчанию. Название точки выводится в подсказке всегда, первой строкой, независимо от настроенного шаблона.
В шаблонах можно использовать текст, обращение к данным и html-теги для форматирования.
Для обращения к данным можно использовать типовые аргументы:
•{series.name} — название графика (серии),
•{point.name} — название точки,
•{point.x} — значение по оси X. Если по оси X отображаются названия, то {point.x} будет выдавать порядковый номер значения в серии, начиная с 0,
•{point.y} — значение по оси Y,
•{point.percentage} — процент значения по оси Y от общего суммарного значения (для секторных диаграмм),
•{point.total} — общее суммарное значение (для секторных диаграмм).
Числовые поля могут иметь модификатор .f, который определяет число десятичных знаков после запятой:
•{point.y:.1f} или {point.percentage:.2f} — вывод значения с точностью до 1 или 2 знаков после запятой.
Кроме перечисленных выше типовых аргументов, в подсказках можно выводить любые поля, возвращаемые хранимой процедурой. Например, если хранимая процедура возвращает набор данных, содержащий поле CustomValue, то это поле можно вывести во всплывающей подсказке как {point.CustomValue}.
|
|---|
Примеры подсказок:
Шаблон |
График |
|---|---|
<b>{point.y}</b> |
 |
{point.y}<br/><b>{point.percentage:.0f}% от общего числа</b> |
 |
{point.y} с кодом {point.code} |
 |
|
|---|
