RSS
19 октября 2015 
gromych Визуализации, встроенные в Qlik Sense Desktop (например, гистограммы) строятся по тому же принципу, как расширения визуализации, созданные на рабочем месте. Это хорошая новость, поскольку это означает, что должен быть способ, чтобы расширить встроенные визуализации вместо того, чтобы строить свой вариант, скажем, гистограммы с нуля. Чтобы узнать, как это сделать, запустим «Fiddler» (см. предыдущий пост для более подробной информации о Fiddler) и выполните следующие действия.
- Запустите Fiddler
- Запустите Qlik Sense Desktop
- Откройте приложение Qlik Sense (не имеет значения, какое).
- В Fiddler, нажмите «Ctrl-F» и найдите «client.js», Вы должны ввести запрос вроде этого: «https://localhost:4848/resources/assets/client/client.js??1403864013132». Это ключевая часть клиентской логики Qlik Sense Desktop. Посмотрите на ответ в закладке «Inspectors» (Инспекторы) и выберите «View in Notepad» (Просмотр в Блокноте). В Блокноте удалите первые три строки и сохраните файл как «client.js» локально.
- Вы заметите, что отступы в скрипте «client.js» усложняют чтение и интерпретацию. Это случилось потому, что JavaScript сведен к минимуму, среди прочих мер, путем удаления пробелов, что направлено на оптимизацию скорости загрузки. На данном этапе Вы хотите загрузить и установить отличный Notepad ++. Если у Вас установлен и запущен Notepad ++, перейдите к Plugins > Plugin Manager > Show Plugin Manager (Плагины> Плагин Manager> Показать Plugin Manager), выберите «JSTool» на вкладке «Available» (Доступные) и нажмите «Install» (Установить).
- Теперь откройте «client.js» в Notepad ++, перейдите к Plugins> JSTool и выберите «JSFormat». Это должно красиво выровнять отступы JavaScript. Теперь сохраните файл.
- При открытом client.js в Notepad ++, нажмите «Ctrl + F», найдите «extensions.qliktech / BarChart» и нажмите кнопку «Find All in Current Document» (Найти Все в текущем документе). Вы должны увидеть несколько результатов, включая количество встроенных компонентов, от которых зависит гистограмма (см. скриншот ниже).
- Откройте для себя то, что делает встроенная визуализация гистограмм, прочитав код для каждого из компонентов, перечисленных выше. Для этого упражнения, я сосредоточился на основном определении гистограммы, подписанным «extensions.qliktech / столбикового / столбикового» и порт его в качестве собственного расширения.
- Откройте редактор Workbench, указывая Ваш браузер в https://Localhost: 4848/workbencheditor», выберите кнопку «New» (Новый), чтобы создать новый проект визуализации и укажите имя проекта, например «Моя гистограмма».
- В Notepad ++, скопируйте содержимое определения гистограммы с надписью «extensions.qliktech/barchart/barchart» в буфер обмена. (Я включаю код ниже для Вашего удобства.)
Это просто удаляет символы «extensions.qliktech/barchart/barchart»и заменяет символы «text!./barchart.ng.html» на текст «text!extensions.qliktech/barchart/barchart.ng.html» поскольку шаблон barchart.ng.html template — единственный лекальный шаблон с оригинальной встроенной гистограммой, не локальный для нашего расширения пользовательской гистограммы.
- Не забудьте отредактировать файл QEXT проекта и укажите уникальное имя для расширения, например «My bar chart».
- Вот и все, теперь Вы сможете использовать это расширение в своем приложении. Когда Вы сделаете, это должно выглядеть так же, как встроенная гистограмма, но теперь Вы можете контролировать ее и настраивать по своему усмотрению.
Таким образом подведем итог. Мы выяснили, как создавать пользовательское расширение на основе встроенных в Qlik Sense расширений (в этом случае гистограмма). Это – простой пример, и мы на самом деле не делали каких-либо настройках, но пока сделали хороший старт. Чтобы делать значимые настройки, нам может потребоваться внести некоторые встроенные зависимости гистограммы, такие как «extensions.qliktech/barchart/layers/bar-layer» и настройте их. Я расскажу эб этом подробнее в будущих постах. Большое спасибо за чтение.
Найти решение у бизнес-партнера QlikTech (QlikView) в России.
Форум разработчиков QlikView и Qlik Sense. Получите ответы на все вопросы по QlikView и Qlik Sense!
Опубликовано в рубрике