Пользовательский виджет «Sankey»

1. Добавьте библиотеку sankey.js виджета в папку на сервер по адресу /docker-volume/dashboard-viewer/customjs

2. Откройте приложение DashboardDesigner:

3. На вкладке «Пользовательские виджеты», нажмите кнопку «Создать новый»

4. В открывшемся окне введи название для виджета;

5. В поле «Код виджет (JavaScript) вставьте код скопированный на странице примера виджета

6. В первой строке кода заменить 'container' на w.general.renderTo

7. Перед первой строкой объявить переменную data и описать преобразование данных получаемых с OLAP;

8. В строке с описанием элемента data, заменить массив на созданную переменную data;

9. Если вы хотите дать возможность изменять пользовтельские свойства виджета, например заголовок, измените описание элемента text с 'Highcharts Sankey Diagram' на w.props.titleName и добавьте свойство изменения цвета текста заголовка style: {color: w.props.color}

10. В поле «Свойства виджета (JSON)» вставьте следующий код:

11. Нажмите кнопку «Создать»;

12. В палитре виджетов выберите созданный вами виджет

13. В привязке данных виджета указать тип данных OLAP, и обозначить следующую конструкцию запроса:

Пример:
Группа показателей – заработная плата;
Показатель – Прямия сотрудника
Измерения – Отдел, Должность

1. После привязке данных на созданном виджете должны отобразится данные

Open