Сегодня хочу познакомить вас с мэшапом Salesforce, который позволяет встраивать данные Salesforce на порталы. При создании этого мэшапа все началось с настроек горизонтального меню с панелью выборок. Оно построено на основе изменений по количеству выборок, если только один элемент выбран их этого измерения, а если выбрано более чем шесть, то в панели отражается «Измерение: выбранный элемент». Если значение лежит в промежутке от 1 до 6, то оно меняется в выпадающее меню с кнопкой x для сброса выборки. То есть любые выборки, сделанные на листе, будут показаны на веб-странице.

2017-03-03 08_51_07-Salesforce.png

Затем нам нужна была фильтрация данных, но в форме выпадающего меню, поэтому было сделано расширение на основе статистики по возрасту ООН. Это меню более продвинуто и будет открыто до тех пор, пока вы не закончите делать выборку и сортировать данные по состояниям. Списки можно прокручивать столько раз, сколько необходимо.

2017-03-03 08_56_03-Salesforce.png

Помимо этого мы создали график в Sense, но нам нужно было его настроить под настройки нашей веб-страницы. Так, появилось расширение Combo Chart. Оно позволяет не только настроить цвета, но и управлять состояниями, границами, настраивать ширину элементов гистограммы, размер точек на линии диаграммы для улучшения восприятия подписей данных.

2017-03-03 11_23_51-Salesforce_Mashup_Demo_Team _ Sheets - Qlik Sense.png

На этой же странице мы должны были показать и сравнить две вертикальных гистограммы. Для этого мы используем комбо-график только с одной мерой и набором максимальных значений, которых мы хотим достичь.

2017-03-03 09_32_24-_Salesforce_Mashup_Demo_Team - Dashboard 2 _ App overview - Qlik Sense.png

2017-03-03 11_26_06-Salesforce.png

Переходя на следующую страницу, мы сталкиваемся с другими вопросами разработки. Нам нужна столбчатая гистограмма на основе значений меры, а не количества мер. Для этого создали SenseUI-ValueStackedbarChart. При этом используется та же цветовая схема, что и в других объектах листа, например как в SenseUI-BarChart.

2017-03-03 10_27_46-_Salesforce_Mashup_Demo_Team - Opportunities 1 _ Sheets - Qlik Sense.png

Затем мы создали горизонтальное меню для данных по кварталам и годам при помощи расширения SenseUI-Filter.

2017-03-03 10_47_36-Salesforce.png

Также расширение SenseUI-BarChart используется для всех горизонтальных гистограмм. Аналогичная цветовая схема, включая границы и цвета, используются в остальной части объектов сайта.

2017-03-03 14_04_16-Salesforce.png

Ссылка на мэшап webapps.qlik.com/salesforce/staging/index.htm

НА ЗАМЕТКУ! Он сейчас находится в процессе разработки, автор трудится над его дизайном и мобильной версией.

Расширения, которые используются в этой статье:

Senseui-ComboChart

SenseUI-ValueStackedbarChart

SenseUI-BarChart

SenseUI-Filter

На этом все на сегодня! Хороших вам разработок Qlik.