Preloader
Произвольные виджеты

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

Давайте рассмотрим ситуацию, когда Вы хотите видеть отчет в реальном времени сколько людей зашло на Ваш сайт или в приложение. Или Вы хотите обьединить создать отчет по маркетингу на основании ежедневных данных. Не проблема! Используя произвольные виджеты можно добавить почти любую информацию из баз данных или интернета. Или просто загрузите данные из CSV файла.

Если Вы предпочитаете API, можете использовать возможности Push API.



Как это работает?

Шаг 1. Определитесь с типом виджета в котором хотите отобразить Ваши данные. Список возможных типов виджетов Вы найдете ниже.

Шаг 2. Создайте CSV файл с данными, которые хотите отобразить. Убедитесь, что формат данных соответствует типу виджета, который Вы выбрали в шаге 1 (форматы данных описаны ниже). Также Вы можете создавать CSV файлы динамически, используя Google Spreadsheets или знакомый язык программирования, как например PHP или ASP, и разместить эти файлы на сайте.

Шаг 3. Настройте произвольный виджет внутри дашборда или укажите URL адрес CSV файла. Также Вы можете указать на Google Spreadsheet для импорта данных. Импорт файла из URL может осуществляться из заданной периодичностю (напр. каждые 10 сек, 5 мин, 24 часа)



Типы произвольных виджетов
Гистограммы, графики, диаграммы с областями, линейные диаграммы, графики и диаграммы с накоплениями

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

Формат данных

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

Метки: Обязательное поле. В первой строчке необходимо определить названия меток, которые будут использоваться. Также можно определитьединицы измерения для каждой метки (напр. валюта, проценты, время) добавляя "($)", "(%)" или "(:)" в конце метки. Первое значение в этой строке должно быть "Date" если необходимо построить график во времени и иметь возможность гибкого выбора диапазона.

Данные: Обязательное поле. Начиная с второй строки начинается список данных для графиков, начиная с даты (ГГГГММДД) в каждой строке.

Цвета: Вы можете определить собственные цвета графиков указав код цвета в конце списка. Первым значением обязательно должно быть слово "Color".

Типы: Необязательное поле. Вы можете определить тип каждого графика отдельно добавив строку с описаниями в конце файла. Первое значение должно быть "Type". По умолчанию все графики будут использовать тип графика в виджете.

Сумарное значения: Необязательное поле. Используйте эту строку для определения данных, сумарные значения которых хотите увидеть в заголовке виджета. Первым словом в строке должно быть "Cumulative". Используйте значения "0" или "1" чтобы указать сумарные значения (напр. "Cumulative",1,0,0,0).

Среднее значение: Необязательное поле.Эта строка позволяет показать среднее значение за период времени конкретного графика. Первым должно быть значение "Average". Используйте "0" или "1" чтобы выбрать график для среднего значения. (напр. "Average 1,0,0,0").

Итого: Необязательное поле. Если Вы используете параметр время ("Date") первым параметром, то виджет по умолчанию укажет процент изменений или суму всех метрик за указаный период. Чтобы переопределить значения по умолчанию используйте строку с "Total" в начале (напр. "Total,542,23,42,49")

Сравнение: Необязательное поле. Если Вы используете параметр время ("Date") первым параметром, то виджет по умолчанию укажет процент изменений или суму всех метрик за указаный период в сравнении с прошлым аналогичным периодом, и укажет в заголовке виджета. Используйте "Comparison" в начале строки для переопределения периода для сравнения. (напр. "Comparison",-10,50,42,0)

Негатив: Необязательное поле. Используется для определения хорошо или плохо для компании рост данного показателя. Эта строка влияет на расчет разницы в процентах (сравнение) в заголовке виджета. Первое слово должно быть "Reverse" (напр. "Reverse,1,0,0,0")

Обратный график: Необязательное поле. Укажите этот параметр если хотите отобразить график в перевернутом виде. Строка должна начинаться с "ReverseGraph" (напр. "ReverseGraph,1,0,0,0")

Ось Y: Необязательное поле. По умолчанию каждая метрика имеет собственную ось Y. Эта строка позволяет использовать единую шкалу для оси Y, таким образом сопоставляя данные. Первое значение в строке должно быть "YAxis". Используйте "0" для всех метрик, чтобы синхронизировать их. (напр. "YAxis,0,0,0,0").

Минимальное значение оси Y: Необязательное поле. По умолчанию это значние равно "0" для каждой метрики. Первое значение строки должно быть "YAxisMin" (напр. "YAxisMin")

Максимальное значение оси Y: Необязательное поле. По умолчанию это значение автоматически рассчитывается для каждой метрики. Первое значение должно быть равно "YAxisMax" (напр. "YAxisMax, 1000,2000,500,600").

Отобразить ось Y: Необязательное поле. По умолчанию все оси скрытые. Эта строка позволяет отобразить ось Y для конкретной метрики. Первое значение всегда "YAxisShow". Используйте значения "0" или "1" для выкл./вкл. оторажения осей (напр. "YAxisShow,1,0,0,0")

LabelShow: Необязательное поле. По умолчанию все метки скрытые. Эта строка позволяет включить метки для конкретных метрик. Первое значение должно быть "LabelShow. Используйте "0" или "1" чтобы указать метрику, в которой необходимо указать метки. (напр. "LabelShow,1,0,0,0")

Пример

Date,Выручка($),Пользователи,Активность(%)
20150222,29,82,10
20150223,87,38,82
20150224,30,63,48
20150225,70,65,41
20150226,12,52,14
20150227,78,41,36
20150228,10,23,51
20150301,71,24,86
Color,#52ff7f,#ff7e0e,#9d8cf9
Type,area,line,line

Круговая, Кольцевая диаграмма

Этот тип графиков используется для разбиения данных на составляющие, то есть части целого.

Формат данных

Каждая строка это список значений разделенных запятыми. Можно отобразить только одну метрику в одном виджете.

Метки: Обязательное поле. Обязательное поле. В первой строке описываются метки метрики. Вы также можете указать тип значений (валюта, проценты, время) добавив "($)", "(%)", или "(:)" после каждой метки.

Данные: Обязательное поле. Укажите список значений метрики.

Цвета: Необязательное поле. Вы можете использовать собственную цветовую схему добавив код цвета в конце списка. Первое значение строки всегда должно быть "Color".

Пример

Plan 1,Plan 2,Plan 3, Plan 4, Plan 5
3,2,4,64,343
Color,#ff7f00,#00cb13,#ee0000,#009dee,#dc00d9








Список

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

Формат данных

Каждая строка это список значений разделенных запятой. Вы можете отобразить только 1 метрику в виджете.

Метки: Обязательное поле. В первой строке нужно определить метки, которые будут использовны в метрике. Вы также можете указать тип значений (валюта, проценты, время) добавив "($)", "(%)", или "(:)" после каждой метки.

Данные: Обязательное поле. Сразу во второй строке укажите список значений метрики.

Цвета: Необязательное поле. Вы можете использовать собственную цветовую схему добавив код цвета в конце списка. Первое значение строки всегда должно быть "Color".

Пример

Sales Rep,Revenue($)
Jane Doe,100132
Crystal Smith,52035
Jack Carter,10342
Mona Junior,5413
Homer Simpson,100
Color,#ff7f00





Воронка

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

Формат данных

Каждая строка это список значений разделенных запятой. Вы можете отобразить только 1 метрику в виджете.

Метки: Обязательное поле. В первой строке нужно определить метки, которые будут использовны в метрике. Вы также можете указать тип значений (валюта, проценты, время) добавив "($)", "(%)", или "(:)" после каждой метки.

Данные: Обязательное поле. Начиная со второй строки укажите список значений метрики.

Пример

Type,Count
Visitors,15654
Leads,4064
Customers,1987
Repeat Customers,976







Таблица

Это тип отображения данных в виде таблицы.

Формат данных

Метки: Обязательное поле. В первой строке нужно определить метки, которые будут использовны в метрике. Вы также можете указать тип значений (валюта, проценты, время) добавив "($)", "(%)", или "(:)" после каждой метки.

Данные: Обязательное поле. Начиная со второй строки укажите список значений метрики.

Пример

Sales Rep,Revenue($),Sales
Jane Doe,100132,213
Crystal Smith,52035,102
Jack Carter,10342,54
Mona Junior,5413,21
Homer Simpson,100,1






Прибор

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

Формат данных

Каждая строка это список значений разделенных запятой. Вы можете отобразить только 1 метрику в виджете.

Метки: Обязательное поле. Обязательное поле. В первой строке нужно определить метки, которые будут использовны в метрике. Вы также можете указать тип значений (валюта, проценты, время) добавив "($)", "(%)", или "(:)" после каждой метки.

Данные: Обязательное поле. Начиная со второй строки укажите список значений метрики.

Цвета: Необязательное поле.Вы можете использовать собственную цветовую схему добавив код цвета в конце списка. Первое значение строки всегда должно быть "Color".

LabelShow: Необязательное поле. По умолчанию все метки скрытые. Эта строка позволяет включить метки для конкретных метрик. Первое значение должно быть "LabelShow. Используйте "0" или "1" чтобы указать метрику, в которой необходимо указать метки. (напр. "LabelShow,1")

Пример

Revenue($),Target
600000,1000000










Число

Этот тип графики отображает данные как простое число.

Формат данных

Каждая строка это список значений разделенных запятой. Вы можете отобразить только 1 метрику в виджете.

Метки: Обязательное поле. В первой строке нужно определить метки, которые будут использовны в метрике. Вы также можете указать тип значений (валюта, проценты, время) добавив "($)", "(%)", или "(:)" после каждой метки.

Данные: Обязательное поле. Начиная со второй строки укажите список значений метрики.<

Цвета: Необязательное поле. Вы можете использовать собственную цветовую схему добавив код цвета в конце списка. Первое значение строки всегда должно быть "Color".

Пример

Revenue($)
700000










Группа

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

Формат данных

Каждая строка это список значений разделенных запятой. Вы можете отобразить только 1 метрику в виджете.

Метки: Обязательное поле. В первой строке нужно определить метки, которые будут использовны в метрике.

Данные: Обязательное поле. Начиная со второй строки укажите список значений метрики.<

Цвета: Необязательное поле. Вы можете использовать собственную цветовую схему добавив код цвета в конце списка. Первое значение строки всегда должно быть "Color".

Пример

Month,Sign Ups,1,2,3,4,5,6
May 2015,1504,1203,984,504,201,145,45M
Jun 2015,1640,1540,1423,1354,1245,1198,1046
Jul 2015,2640,2410,2012,1874,1693,1420,1013
Aug 2015,2154,2045,1842,1674,1425,1204,1055
Sep 2015,1355,984,503,354,104,24,1
Color,#c96a18





График Гантта

Этот тип графики используется для отображения проектов (стадий проектов) во времени.

Формат данных

Каждая строка это список значений разделенных запятой. Вы можете отобразить несколько проектов в одном виджете.

Метки: Обязательное поле. В первой строке нужно определить метки, которые будут использовны в метрике.

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

Цвета: Необязательное поле. Вы можете использовать собственную цветовую схему добавив код цвета в конце списка. Первое значение строки всегда должно быть "Color".

Пример

Event,Start Date,End Date
Marketing Campaign,20150102,20150108
Sales Webinar,20141228,20150106
Staff Meeting,20141217,20141227
Company Retreat,20141110,20141230







Картинка

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


IFrame

Этот виджет позволяет встраивать веб страницы используя Private URL. Он может использоваться для отображения статус сообщений с внутренный системы или для встраивания целой страницы в дашборд (напр. слайдшоу)



Вспомогательные теги

Для произвольных виджетов Private URL и IFrame, можно добавлять теги {date_start} и {date_end} к URL (напр. http://www.yourdomain.com/script?start_date={date_start}&end_date={date_end}). Вспомогательные теги будуть автоматически заменены на действующие даты в формате ГГГГММДД после загрузки URL. Также Вы можете использовать тег {group_by}, который будет заменен значениями "день", "неделя" или "месяц". Все эти теги можно использовать для генерации динамического контента, который учитывает диапазон выбраных дат дашборда.

И наконец, если Вы хотите ограничить доступ к данным Вашего виджета с помощью взаимозаменяемого ключа, это можно сделать с помощью тега {custom_key}. Его значение можно установить в настройках акаунта.