Различия

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

Ссылка на это сравнение

Следующая версия		 Предыдущая версия
product:dashboard:editor [14.06.2019 10:31] – создано maynproduct:dashboard:editor [19.02.2025 06:59] (текущий) – ekaterina.menkhuzina
Строка 1: Строка 1:
 ====== Редактор дашбордов ======= ====== Редактор дашбордов =======
  
-ЭТО ЗАГОТОВКА СТАТЬИ!!+<callout type="warning">Перед редактированием необходимо [[product/dashboard/resource|настроить источник данных]] для дашборда. </callout>
  
 +Вы можете:
 +  * создать любое количество [[product:dashboard:components|виджетов]] в окне одного дашборда,
 +  * объединять виджеты в группы, 
 +  * настраивать фильтрацию отдельным виджетом {{:product:dashboard:widget_17.png?nolink|}} / {{:product:dashboard:widget_18.png?nolink|}} / {{:product:dashboard:widget_19.png?nolink|}} / {{:product:dashboard:widget_20.png?nolink|}} или с помощью [[product/dashboard/editor/interactivity|"Интерактивности"]] {{:product:dashboard:dashboard_manage_3.png?nolink|}},
 +  * выводить данные в виджете только по части данных ("Скрытое измерение"),
 +  * настраивать условное форматирование почти по любым признакам,
 +  * сортировать данные по любому полю (с помощью "Скрытой меры"),
 +  * и многое другое. 
  
-Перед редактированием необходимо [настроить источник данных|Настройка источников данных.] для дашборда.  +<callout type="success">Дашборды -- это целый космос для аналитика.</callout>
-Вы можете создать любое количество виджетов в окне одного дашборда. +
-Дашборд может состоять из: +
-  * Общих компонентов - таблица, сводная таблица, график, диаграмма, древовидная диаграмма, точечная диаграмма, карточка, индикатор, текст, картинка, привязанное изображение, группа; +
-  * Карт - точечная картограмма, фоновая картограмма, пузырьковая картограмма, диаграммная картограмма; +
-  * Фильтров - фильтр диапазона, раскрывающийся список, список, дерево выбора.+
  
-Действия, которые можно осуществлять с виджетами: +{{ :product:dashboard:dashboard_1.mp4?950x400 |}}
  
-!peremechenie.png!  Перемещение виджета по окну дашборда. +{{:product:dashboard:dashboard_manage_2.png?nolink|}} Свяжите выбранный тип отображения с источником данных, нажмите на значок настроек. 
-!dannye.png!  Настройка данных, на основе которых будет построен виджет. +
-!interaktivnost.png!  Настройка интерактивности виджета. +
-!opcii.png!  Настройка опций виджета. +
-!preobrazovat_v.png!  Преобразование в другой тип виджета. +
-!udalit.png!  Удаление виджета.+
  
-=====Виджеты =====+Добавляйте и перемещайте по полю виджеты относительно друг друга: 
 +{{ :product:dashboard:dashboard_2.mp4?950x400 |}}
  
-Ниже представлены все типы виджетов и описаны варианты взаимодействия с ними.+**Что можно делать с виджетами:**
  
-^  {{ :product:dashboard:widget_1.png?nolink |}}  ^[[#1._таблица|1.Таблица]]|Способ структурирования данных. Предназначена для распределения данных по однотипным строкам и столбцам.| +{{:product:dashboard:dashboard_manage_1.png?nolink|}} Перемещение виджета по окну дашборда.
-^  {{ :product:dashboard:widget_2.png?nolink |}}  ^[[#Сводная таблица|2.Сводная таблица]]|Сводная таблица нужны для суммирования, анализа и представления данных из «больших» исходных таблиц.| +
-^  {{ :product:dashboard:widget_3.png?nolink |}}  ^[[#График|#3.График]]|График - наглядное и удобное для анализа представление табличных данных. Выберите нужный Вам тип графика из предложенных в редакторе.| +
-^  {{ :product:dashboard:widget_4.png?nolink |}}  ^[[#Древовидная диаграмма|#4.Древовидная диаграмма]]|Древовидная диаграмма применяется для выявления и показа связи между предметом (проблемой) рассмотрения и его компонентами.| +
-^  {{ :product:dashboard:widget_5.png?nolink |}}  ^[[#Диаграмма|#5.Диаграмма]]|Диаграмма предназначена для сегментирования данных. Её удобно использовать, когда нужно показать долю каждой величины в общем объёме.| +
-^  {{ :product:dashboard:widget_6.png?nolink |}}  ^[[#Точечная диаграмма|#6.Точечная диаграмма]]|Точечная диаграмма используется для сравнения двух независимых переменных. Позволяет визуально увидеть разброс значений. В отличие от графика на точечной диаграмме можно представлять данные, для которых интервалы времени имеют разную величину.| +
-^  {{ :product:dashboard:widget_7.png?nolink |}}  ^[[#Карточки|#7.Карточки]]|Каждая карта иллюстрирует разницу между двумя значениями. Эта разница может быть выражена как абсолютная величина, абсолютная вариация или процентное изменение.| +
-^  {{ :product:dashboard:widget_8.png?nolink |}}  ^[[#Индикаторы|#8.Индикаторы]]|Индикаторы – хорошие аналитические инструменты. Отображая ситуацию они помогают понять поведение тренда в конкретный момент времени и найти решение той или иной проблемы.| +
-^  {{ :product:dashboard:widget_9.png?nolink |}}  ^[[#Текст|#9.Текст]]|Текст может привлечь внимание к наиболее важным показателям и пояснить содержание дашборда.| +
-^  {{ :product:dashboard:widget_10.png?nolink |}}  ^[[#Картинка|#10.Картинка]]|Картинка аналогично тексту поможет привлечь внимание и пояснить содержание дашборда.| +
-^  {{ :product:dashboard:widget_11.png?nolink |}}  ^Привязанное изображение|Отличается от картинки тем, что здесь имеется возможность задать атрибуты и привязать к ним значения.| +
-^  {{ :product:dashboard:widget_12.png?nolink |}}  ^[[#Группа|#11.Группа]]|Позволяет поместить несколько виджетов в одну область дашборда для более удобной визуализации.| +
-^  {{ :product:dashboard:widget_13.png?nolink |}}  ^Точечная картограмма|Разновидность картограммы, на которой уровень интенсивности признака графически показан с помощью точек, размещенных на контурной карте какой-либо территориальной единицы.| +
-^  {{ :product:dashboard:widget_14.png?nolink |}}  ^Фоновая картограмма|Позволяет с помощью окраски различной густоты или цвета показывать интенсивность развития какого-либо признака в пределах территориальной единицы.| +
-^  {{ :product:dashboard:widget_15.png?nolink |}}  ^Пузырьковая картограмма|Разновидность точечной картограммы, в которой точки данных заменены пузырьками. Отображает на плоскости наборы из трех значений. Первые два значения определяют точку расположения пузырька, а третье значение выражается размером пузырька.| +
-^  {{ :product:dashboard:widget_16.png?nolink |}}  ^Диаграммная картограмма|Позволяет с помощью диаграммных фигур изображать величины какого-либо статистического показателя в пределах каждой единицы нанесенного на карту территориального деления.| +
-^  {{ :product:dashboard:widget_17.png?nolink |}}  ^[[#Фильтр диапазона|#1.Фильтр диапазона]]|Фильтр помогает регулировать данные. Например, для диаграммы продаж с динамикой по времени фильтр можно использовать для отображения продаж только за выбранный период времени, по определенным категориям продукции или по определенному региону.| +
-^  {{ :product:dashboard:widget_18.png?nolink |}}  ^[[#Раскрывающийся список|#2.Раскрывающийся список]]|Позволяет выбирать одно из нескольких заранее определённых значений параметра, при переключении между которыми будет меняться визуальное представление других виджетов. Представляет собой выпадающий список параметров.| +
-^  {{ :product:dashboard:widget_19.png?nolink |}}  ^[[#Список|#3.Список]]|Позволяет выбирать одно из нескольких заранее определённых значений параметра, при переключении между которыми будет меняться визуальное представление других виджетов.| +
-^  {{ :product:dashboard:widget_20.png?nolink |}}  ^[[#4._дерево_выбора|4. Дерево выбора]]|Позволяет выбирать одно из нескольких заранее определённых значений параметра, при переключении между которыми будет меняться визуальное представление других виджетов. Представляет собой иерархический список.|+
  
 +{{:product:dashboard:dashboard_manage_2.png?nolink|}} Настройка данных, на основе которых будет построен виджет.
  
-=====Общие компоненты=====+{{:product:dashboard:dashboard_manage_3.png?nolink|}} Настройка [[product/dashboard/editor/interactivity|интерактивности]] виджета -- фильтрация по клику на область виджета остальных данных на странице дашборда.
  
-====1. Таблица==== +{{:product:dashboard:dashboard_manage_4.png?nolink|}} Настройка визуальных опций виджета.
-!01_knopka_tablica.png!+
  
-!01_tablica.png|align=center,border=2,bordercolor=silver!                 +{{:product:dashboard:dashboard_manage_5.png?nolink|}} Преобразование в другой тип виджета.
-<TEXT align="center">**Рисунок 1** -- Таблица</text>                                                   +
  
-В «Данных» таблицы вы можете настроить: +{{:product:dashboard:dashboard_manage_6.png?nolink|}}  Удаление виджета. 
-  * колонки, которые вы хотите видеть на экране. Каждую колонку можно представить в виде измерения, меры, разности или спарклайна (для него необходимо отдельно задать аргумент); +<invisible> 
-{info}Спарклайн – это небольшая диаграмма, помещенная в одну ячейку.{info} +. 
-  * добавить скрытые измерения, которые вы не хотите выводить на табло виджета;  +</invisible>
-  * добавить скрытые меры - аналогично скрытым измерениям; +
-  * настроить аргументы фильтра, чтобы данные выводились в соответствии с заданными условиями.  +
- +
-К колонкам значения привязываются автоматически. +
- +
-====2. Сводная Таблица==== +
-!02_knopka_svodnaya_tablica.png! +
- +
-!svodnaya_tablica.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 2** -- Сводная таблица</text> +
- +
-В «Данных» сводной таблицы вы можете настроить аналогичные параметры, что и в обычной таблице. +
- +
-В сводной таблице, в отличие от простой, значения колонок необходимо задать вручную (через привязку). +
- +
-====3. График==== +
-!03_knopka_grafik.png! +
- +
-!04_grafik.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 3** -- График</text> +
- +
-Создание графика: +
-  - задайте аргументы; +
-  - привяжите значения к выбранным аргументам, выберите тип для каждого значения; +
-  - добавьте серии рядов, чтобы мгновенно переключаться между различными параметрами диаграммы; +
-  - добавьте скрытые измерения и меры, если это необходимо. +
- +
-+Особенность:+ Чтобы переключаться между рядами графика, вы можете создать несколько серий, которые имеют привязку к различным значениям.  +
- +
-====4. Древовидная диаграмма==== +
-!04_knopka_drevovidnaya_diagramma.png! +
- +
-!drevovidnaya_diagramma.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 4** -- Древовидная диаграмма</text> +
- +
-Создание древовидной диаграммы: +
-  - задайте аргументы; +
-  - привяжите значения к выбранным аргументам, выберите формат (тип, единицы измерения, точность), выполните вычисления во вкладке CALCULATIONS; +
-  - добавьте скрытые измерения и меры, если это необходимо. +
- +
-====5. Диаграмма==== +
-!05_knopka_diagramma.png! +
- +
-!07_diagramma.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 5** -- Диаграмма</text> +
- +
-Создание диаграммы: +
-  - задайте аргументы; +
-  - привяжите значения к выбранным аргументам, сформируйте данные (порядок сортировки, опции раскраски); +
-  - добавьте серии рядов, чтобы мгновенно переключаться между различными параметрами диаграммы; +
-  - добавьте скрытые измерения и меры, если это необходимо. +
- +
-====6. Точечная диаграмма==== +
-!06_knopka_tochechnaya_diagramma.png! +
- +
-!08_tochechnaya_diagramma.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 6** -- Точечная диаграмма</text> +
- +
-Создание точечной диаграммы: +
-  - задайте аргументы; +
-  - привяжите значения к выбранным аргументам, сформируйте данные (способ вычисления значений ячеек); +
-  - задайте вес величин, если это необходимо; +
-  - добавьте скрытые измерения и меры, если это необходимо. +
- +
-====7. Карточки==== +
-!07_knopka_kartochki.png! +
- +
-!09_kartochki.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 7** -- Карточки</text> +
- +
-Создание карточек: +
-  - добавьте карточку; +
-  - привяжите к ней значения одного из столбцов таблицы; +
-  - добавьте серии рядов, чтобы мгновенно переключаться между различными параметрами карточек; +
-  - добавьте скрытые измерения и меры, если это необходимо. +
- +
-====8. Индикаторы==== +
-!08_knopka_indikatory.png! +
- +
-{info}Индикаторы используются для отображения значения одной меры, без измерений.{info} +
- +
-!10_indikatory.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 8** -- Индикаторы</text> +
- +
-Создание индикаторов: +
-  - добавьте индикатор; +
-  - привяжите к нему значения одного из столбцов таблицы; +
-  - добавьте серии рядов, чтобы мгновенно переключаться между различными параметрами индикаторов; +
-  - добавьте скрытые измерения и меры, если это необходимо. +
- +
-====9. Текст==== +
-!09_knopka_text.png! +
- +
-!11_text.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 9** -- Текст</text> +
- +
-Создание текстовых заметок: +
-  - в опциях текста напишите заголовок; +
-  - заполните поле «Текст» вручную или загрузите файл со своего компьютера. +
-{tip}Поддерживаются файлы только в формате RTF.{tip} +
- +
-====10. Картинка==== +
-!10_knopka_kartinka.png! +
- +
-!12_kartinka.png|width=900px,align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 10** -- Картинка</text> +
- +
-Создание картинки: +
-  - вставьте URL картинки; +
-{note}Картинка должна быть в формате png.{note} +
- +
-  - напишите заголовок или вообще скройте его отображение; +
-  - задайте нужное выравнивание по горизонтали и по вертикали; +
-  - измените размер изображения. +
- +
-====11. Группа==== +
-!12_knopka_gruppa.png! +
- +
-!13_gruppa.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 11** -- Группа</text> +
- +
-Создание группы: +
-  - создайте элемент группа; +
-  - перетащите в его область уже существующие виджеты или создайте новые. +
- +
- +
-=====Фильтры===== +
- +
-{note}Если в дашборде используется несколько фильтров, то в их интерактивности по умолчанию рекомендуется устанавливать «Игнорировать сквозные фильтры» - ВКЛ, перекрестная фильтрация - ВЫКЛ.{note} +
- +
-====1. Фильтр диапазона==== +
-!17_knopka_filtr_diapazona.png! +
- +
-На рисунке ниже представлен график выручки за последние три года. +
- +
-!grafik_obchaya_vyruchka.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 12** -- График общей выручки</text> +
- +
-С помощью инструмента «Преобразовать в» !preobrazovat_v.png! преобразуем этот график в фильтр диапазона (Рисунок 13). +
- +
-!filtr_diapazona.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 13** -- Фильтр диапазона</text> +
- +
-В окне нового виджета в правом верхнем углу появится кнопка «Выберите период даты и времени» !knopka_vybora_perioda_dat.png!.  +
-После нажатия на кнопку откроется окно выбора диапазона (Рисунок 14). +
- +
-!vybor_diapazona_dat.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 14** -- Выбор диапазона</text> +
- +
-!posle_vybora_diapazona_dat.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 15** -- Выбранный диапазон дат</text> +
- +
-Создание фильтра диапазона: +
-  - задайте аргумент; +
-  - привяжите к нему значения; +
-  - придайте значениям нужный вид (тип, способ вычисления); +
-  - добавьте серии рядов, чтобы мгновенно переключаться между различными параметрами фильтра; +
-  - добавьте скрытые измерения и меры, если это необходимо. +
- +
-====2. Раскрывающийся список==== +
-!18_knopka_raskryvauchiisya_spisok.png! +
- +
-!18_raskryvauchiisya_spisok.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 16** -- Раскрывающийся список</text> +
- +
-Создание раскрывающегося списка: +
-  - задайте измерения, значения которых будут появляться в выпадающем списке и при переключении между которыми будет меняться визуальное представление других виджетов; +
-  - добавьте скрытые измерения и меры, если это необходимо. +
- +
-====3. Список==== +
-!19_knopka_spisok.png! +
- +
-!19_spisok.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 17** -- Список</text> +
- +
-Создание списка: +
-  - задайте измерения, при переключении между которыми будет меняться визуальное представление других виджетов; +
-  - добавьте скрытые измерения и меры, если это необходимо. +
- +
-====4. Дерево выбора==== +
-!20_knopka_derevo_vybora.png! +
- +
-!20_derevo_vybora.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 18** -- Дерево выбора</text> +
- +
-Создание дерева выбора: +
-  - задайте измерения, при переключении между которыми будет меняться визуальное представление других виджетов; +
-  - добавьте скрытые измерения и меры, если это необходимо. +
- +
- +
-=====Скрытые меры и измерения===== +
- +
-{info}Скрытые элементы данных могут использоваться для выполнения различных операций по формированию и анализу данных с помощью мер или измерений, которые непосредственно не участвуют в визуальном представлении данных.{info} +
- +
-Вы можете выполнять следующие операции, используя скрытые элементы данных. +
- +
-====Фильтрация==== +
-Вы можете использовать скрытые измерения, чтобы применить фильтрацию к элементу дашборда. +
- +
-!21_filtracia_do.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 19** -- До фильтрации</text> +
- +
-!22_filtracia.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 20** -- Параметр фильтрации</text> +
- +
-!23_filtracia_posle.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 21** -- После фильтрации</text> +
- +
-Таблица на рисунке фильтруется с помощью скрытого измерения Стоимость тыс. руб. +
- +
-====Сортировка==== +
-Вы можете сортировать значения указанного измерения по скрытой мере. +
- +
-!24_sortirovka_do.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 22** -- До сортировки</text> +
- +
-!25_sortirovka.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 23** -- Параметр сортировки</text> +
- +
-!26_sortirovka_posle.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 24** -- После сортировки</text> +
- +
-Таблица на рисунке отображает сортировку по значениям скрытой меры N порядок (Min). +
- +
- +
-====Top N==== +
-{info}Функция Top N позволяет отображать только ограниченное количество значений, которые соответствуют самым высоким или самым низким значениям определенной скрытой меры.{info} +
- +
-!27_nastroika_top_N.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 25** -- Настройка Top N</text> +
- +
-Нажмите «ВКЛ» и укажите следующие параметры:  +
- +
-^Мера|Параметр, согласно которому будут определены верхние или нижние значения.| +
-^Количество|Количество отображаемых значений.| +
-^Mode|Указывает, должны ли отображаться верхние или нижние значения.| +
-^Показать значение "Другие"|Если включено, все значения, которые не являются верхними / нижними, объединяются в значение «Другие».| +
- +
- +
-!top_n_do.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 26** -- До функции Top N</text> +
- +
-!top_n.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 27** -- Параметры функции Top N</text> +
- +
-!top_n_posle.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 28** -- После функции Top N</text> +
- +
-Меню элементов данных на рисунке выше отображает верхние 5 категорий для скрытой меры Стоимость тыс. руб. (Sum). +
- +
-  * Условное форматирование* +
-Вы можете создавать правила форматирования на основе скрытых мер для применения условного форматирования к элементам, соответствующим видимым значениям. +
- +
-!30_uslovnoe_formatirovanie_do.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 29** -- До условного форматирования</text> +
- +
-!31_uslovnoe_formatirovanie_1.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 30** -- Общие параметры форматирования</text> +
- +
-!32_uslovnoe_formatirovanie_2.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 31** -- Параметры состояния</text> +
- +
-!33_uslovnoe_formatirovanie_posle.png|align=center,border=2,bordercolor=silver!                 +
-<TEXT align="center">**Рисунок 32** -- После условного форматирования</text> +
- +
-Правило формата набора значений на рисунке выше вычисляется с помощью скрытой меры Этап 1 (Sum).+