Показать страницуИстория страницыСсылки сюдаЭкспорт в PDFНаверх Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно. ====== Виджеты дашборда ====== {{tag>Реализация:настройка}} [[product/dashboard/editor|Как вывести и настроить виджеты]] =====Общие ===== ==== 1. Таблица ==== {{:product:dashboard:widget_1.png?nolink}} Способ структурирования данных. Предназначена для распределения данных по однотипным строкам и столбцам. <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_1.png?nolink |Таблица}}</image> В «Данных» таблицы вы можете настроить: * колонки, которые вы хотите видеть на экране. Каждую колонку можно представить в виде измерения, меры, разности или спарклайна (для него необходимо отдельно задать аргумент); <callout type="info">Спарклайн – это небольшая диаграмма, помещенная в одну ячейку.</callout> * добавить скрытые измерения, которые вы не хотите выводить на табло виджета; * добавить скрытые меры - аналогично скрытым измерениям; * настроить аргументы фильтра, чтобы данные выводились в соответствии с заданными условиями. К колонкам значения привязываются автоматически. <callout type="warning" icon="true"> В таблице дашборда строки с одинаковыми значениями во всех колонках отображаются как одна строка. Чтобы отображать все строки источника в отдельных строках, добавьте в таблицу колонки с уникальными значениями для каждой строки. Например, колонку с номером строки -- такую колонку нужно создать в источнике. </callout> ==== 2. Сводная Таблица ==== {{:product:dashboard:widget_2.png?nolink}} Сводная таблица нужна для суммирования, анализа и представления данных из «больших» исходных таблиц. <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_2.png?nolink |Сводная таблица}}</image> В «Данных» сводной таблицы вы можете настроить аналогичные параметры, что и в обычной таблице. В сводной таблице, в отличие от простой, значения колонок необходимо задать вручную (через привязку). ====3. График==== {{:product:dashboard:widget_3.png?nolink}} График - наглядное и удобное для анализа представление табличных данных. Выберите нужный Вам тип графика из предложенных в редакторе. <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_3.png?nolink |График}}</image> Создание графика: - задайте аргументы; - привяжите значения к выбранным аргументам, выберите тип для каждого значения; - добавьте серии рядов, чтобы мгновенно переключаться между различными параметрами диаграммы; - добавьте скрытые измерения и меры, если это необходимо. **Особенность:** Чтобы переключаться между рядами графика, вы можете создать несколько серий, которые имеют привязку к различным значениям. ====4. Древовидная диаграмма==== {{:product:dashboard:widget_4.png?nolink}} Древовидная диаграмма применяется для выявления и показа связи между предметом (проблемой) рассмотрения и его компонентами. <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_4.png?nolink |Древовидная диаграмма}}</image> Создание древовидной диаграммы: - задайте аргументы; - привяжите значения к выбранным аргументам, выберите формат (тип, единицы измерения, точность), выполните вычисления во вкладке CALCULATIONS; - добавьте скрытые измерения и меры, если это необходимо. ==== 5. Диаграмма==== {{:product:dashboard:widget_5.png?nolink}} Диаграмма предназначена для сегментирования данных. Её удобно использовать, когда нужно показать долю каждой величины в общем объёме. <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_5.png?nolink |Диаграмма}}</image> Создание диаграммы: - задайте аргументы; - привяжите значения к выбранным аргументам, сформируйте данные (порядок сортировки, опции раскраски); - добавьте серии рядов, чтобы мгновенно переключаться между различными параметрами диаграммы; - добавьте скрытые измерения и меры, если это необходимо. ====6. Точечная диаграмма==== {{:product:dashboard:widget_6.png?nolink}} Точечная диаграмма используется для сравнения двух независимых переменных. Позволяет визуально увидеть разброс значений. В отличие от графика на точечной диаграмме можно представлять данные, для которых интервалы времени имеют разную величину. <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_6.png?nolink |Точечная диаграмма}}</image> Создание точечной диаграммы: - задайте аргументы; - привяжите значения к выбранным аргументам, сформируйте данные (способ вычисления значений ячеек); - задайте вес величин, если это необходимо; - добавьте скрытые измерения и меры, если это необходимо. ====7. Карточки==== {{:product:dashboard:widget_7.png?nolink}} Каждая карта иллюстрирует разницу между двумя значениями. Эта разница может быть выражена как абсолютная величина, абсолютная вариация или процентное изменение. <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_7.png?nolink |Карточки}}</image> Создание карточек: - добавьте карточку; - привяжите к ней значения одного из столбцов таблицы; - добавьте серии рядов, чтобы мгновенно переключаться между различными параметрами карточек; - добавьте скрытые измерения и меры, если это необходимо. ==== 8. Индикаторы ==== {{:product:dashboard:widget_8.png?nolink}} Индикаторы – хорошие аналитические инструменты. Отображая ситуацию они помогают понять поведение тренда в конкретный момент времени и найти решение той или иной проблемы. <callout type="info">Индикаторы используются для отображения значения одной меры, без измерений.</callout> <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_8.png?nolink |Индикаторы}}</image> Создание индикаторов: - добавьте индикатор; - привяжите к нему значения одного из столбцов таблицы; - добавьте серии рядов, чтобы мгновенно переключаться между различными параметрами индикаторов; - добавьте скрытые измерения и меры, если это необходимо. ==== 9. Текст ==== {{:product:dashboard:widget_9.png?nolink}} Текст может привлечь внимание к наиболее важным показателям и пояснить содержание дашборда. <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_9.png?nolink |Текст}}</image> Создание текстовых заметок: - в опциях текста напишите заголовок; - заполните поле «Текст» вручную или загрузите файл со своего компьютера. <callout type="info">Поддерживаются файлы только в формате RTF.</callout> ==== 10. Картинка ==== {{:product:dashboard:widget_10.png?nolink}} Картинка аналогично тексту поможет привлечь внимание и пояснить содержание дашборда. <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_10.png?nolink |Картинка}}</image> Создание картинки: - вставьте URL картинки; <callout type="primary">Картинка должна быть в формате png.</callout> - напишите заголовок или вообще скройте его отображение; - задайте нужное выравнивание по горизонтали и по вертикали; - измените размер изображения. ====11. Привязанное изображение==== {{:product:dashboard:widget_11.png?nolink}} Отличается от картинки тем, что здесь можно задать атрибуты и привязать к ним значения. ==== 12. Группа ==== {{:product:dashboard:widget_12.png?nolink}} Позволяет поместить несколько виджетов в одну область дашборда для более удобной визуализации. <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_11.png?nolink |Группа}}</image> Создание группы: - создайте элемент группа; - перетащите в его область уже существующие виджеты или создайте новые. ===== Карты ===== //Это привязка к географическим картам. На карте России функциональность работает не всегда корректно, поэтому используется крайне редко. \\ Чтобы карты работали, в таблице-источнике должны содержаться географические координаты.// ==== Точечная картограмма ==== {{:product:dashboard:widget_13.png?nolink }} Разновидность картограммы, на которой уровень интенсивности признака графически показан с помощью точек, размещенных на контурной карте какой-либо территориальной единицы. ==== Фоновая картограмма ==== {{:product:dashboard:widget_14.png?nolink }} Позволяет с помощью окраски различной густоты или цвета показывать интенсивность развития какого-либо признака в пределах территориальной единицы. ====Пузырьковая картограмма ==== {{:product:dashboard:widget_15.png?nolink }} Разновидность точечной картограммы, в которой точки данных заменены пузырьками. Отображает на плоскости наборы из трех значений. Первые два значения определяют точку расположения пузырька, а третье значение выражается размером пузырька. ==== Диаграммная картограмма ==== {{:product:dashboard:widget_16.png?nolink }} Позволяет с помощью диаграммных фигур изображать величины какого-либо статистического показателя в пределах каждой единицы нанесенного на карту территориального деления. ===== Фильтры ===== <callout type="warning" icon="true">Если в дашборде используется несколько фильтров, то в их интерактивности по умолчанию рекомендуется устанавливать: * «Игнорировать сквозные фильтры» -- ВКЛ, * перекрестная фильтрация -- ВЫКЛ. </callout> ====1. Фильтр диапазона==== {{:product:dashboard:widget_17.png?nolink|}} Помогает регулировать данные. Например, для диаграммы продаж с динамикой по времени фильтр можно использовать для отображения продаж только за выбранный период времени, по определенным категориям продукции или по определенному региону. На рисунке ниже представлен график выручки за последние три года. <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_12.png?nolink |График общей выручки}}</image> С помощью инструмента «Преобразовать в» {{:product:dashboard:dashboard_filter_0.png?nolink|}} преобразуем этот график в фильтр диапазона. <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_13.png?nolink |Фильтр диапазона}}</image> В окне нового виджета в правом верхнем углу появится кнопка «Выберите период даты и времени» {{:product:dashboard:dashboard_filter_1.png?nolink|}}. \\ После нажатия на кнопку откроется окно выбора диапазона. <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_14.png?nolink |Выбор диапазона}}</image> <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_15.png?nolink |Выбранный диапазон дат}}</image> Создание фильтра диапазона: - задайте аргумент; - привяжите к нему значения; - придайте значениям нужный вид (тип, способ вычисления); - добавьте серии рядов, чтобы мгновенно переключаться между различными параметрами фильтра; - добавьте скрытые измерения и меры, если это необходимо. ====2. Раскрывающийся список==== {{:product:dashboard:widget_18.png?nolink}} Позволяет выбирать одно из нескольких заранее определённых значений параметра, при переключении между которыми будет меняться визуальное представление других виджетов. Представляет собой выпадающий список параметров. <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_16.png?nolink |Раскрывающийся список}}</image> Создание раскрывающегося списка: - задайте измерения, значения которых будут появляться в выпадающем списке и при переключении между которыми будет меняться визуальное представление других виджетов; - добавьте скрытые измерения и меры, если это необходимо. ====3. Список==== {{:product:dashboard:widget_19.png?nolink}} Позволяет выбирать одно из нескольких заранее определённых значений параметра, при переключении между которыми будет меняться визуальное представление других виджетов. <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_17.png?nolink |Список}}</image> Создание списка: - задайте измерения, при переключении между которыми будет меняться визуальное представление других виджетов; - добавьте скрытые измерения и меры, если это необходимо. ====4. Дерево выбора==== {{:product:dashboard:widget_20.png?nolink}} Позволяет выбирать одно из нескольких заранее определённых значений параметра, при переключении между которыми будет меняться визуальное представление других виджетов. Представляет собой иерархический список. <image shape="thumbnail">{{ :product:dashboard:dashboard_editor_18.png?nolink |Дерево выбора}}</image> Создание дерева выбора: - задайте измерения, при переключении между которыми будет меняться визуальное представление других виджетов; - добавьте скрытые измерения и меры, если это необходимо.