Спидометр анимация


Анимированный спидометр для Qlik Sense: С любовью от Google - Data-Daily

Коллеги, добрый день!

Сегодня хочу поделиться с вами интересным расширением для Qlik Sense, которое работает на основе открытой библиотеки визуализаций Google.

Спидометр как спидометр, вроде бы. Но нет! Спидометр не только интерактивен, но еще и… анимирован! Попробуйте – пользователям понравится

Спидометр Google: инструкция по установке расширения Qlik Sense

  1. Скачайте архив с данными с Qlik Branch.
  2. Распакуйте его в папку C:\Users<user>\Documents\Qlik\Sense\Extensions\GoogleGaugeChart или для серверной версии закачайте папку на сервер.

У вас будет папка с такой структурой, где вы найдете краткий файл с описанием расширения и его код.

спидометр для Qlik Sense

  1. Теперь откройте расширение в Qlik Sense

Спидометр Google: конфигурация

Вы можете полностью настроить работу вашего расширения. Давайте обратимся к таблице со списком доступных вам настроек:
animation.duration Длительность анимации в миллисекундах.

Тип: число

По умолчанию: 400

animation.easing Настройки анимации:
  • ‘linear’ – постоянная скорость.
  • ‘in’ — Ease in – медленный старт и быстрое завершение.
  • ‘out’ — Ease out – быстрый старт и медленное завершение.
  • ‘inAndOut’ — Ease in and out – Медленный старт, ускорение и медленное завершение.

Тип: последовательность

По умолчанию: ‘linear’

forceIFrame Обрисовка графика в рамке an inline frame. (это функция не работает в IE8.)

Тип: логический

По умолчанию:false

greenColor Цвет для зеленого раздела, в цветовой схеме HTML.

Тип: последовательность

По умолчанию: ‘#109618’

greenFrom Минимальное значения для зеленого раздела спидометра.

Тип: число

По умолчанию: none

greenTo Максимальное значение для зеленого раздела спидометра.

Тип: число

По умолчанию: none

height Высота спидометра в пикселях.

Тип: число

По умолчанию: высота контейнера

majorTicks Метки для ключевых значений. Число меток определяет число ключевых делений во всех группах. По умолчанию, установлено пять делений.

Тип: Группа последовательностей

По умолчанию: none

max Максимальное значение спидометра.

Тип: число

По умолчанию: 100

min Минимальное значение спидометра.

Тип: число

По умолчанию: 0

minorTicks Число средних делений для каждого раздела основных делений.

Тип: число

По умолчанию: 2

redColor Цвет для красной секции в HTML.

Тип: последовательность

Умолчанию: ‘#DC3912’

redFrom Минимальное значение в красной секции.

Тип: число

По умолчанию: none

redTo Максимальное значение в красной секции.

Тип: число

По умолчанию: none

width Ширина спидометра в пикселях.

Тип: число

По умолчанию: ширина контейнера

yellowColor Цвет для желтой секции в HTML.

Тип: последовательность

По умолчанию: ‘#FF9900’

yellowFrom Минимальное значение в желтой секции.

Тип: число

По умолчанию: none

yellowTo Максимальное значение в желтой секции.

Тип: число

По умолчанию: none

Спидометр Google: инструкция по применения расширения Qlik Sense

Например, вы хотите использовать спидометр для приложения по аналитике заявок в helpdesk – динамичная задача, для которой анимация будет «в тему».

Для первой меры код может быть таким (лейбл «с высоким приоритетом» — High Priority Cases):

Count( {$<Priority={'High'}, Status -={'Closed'} >} Distinct %CaseId )

Count( {$<Priority={'High'}, Status -={'Closed'} >} Distinct %CaseId )

Для второй меры код (лейбл «все закрытые заявки» — Total Closed Cases):

Count( {$<Status -={'Closed'} >} Distinct %CaseId )

Count( {$<Status -={'Closed'} >} Distinct %CaseId )

Сделайте выборку и смотрите анимацию!

спидометр для Qlik Sense

Друзья, надеюсь, что вам будет полезно это расширения с анимацией!

Это хороший способ привлечения внимания к ключевым KPI (ну и прекрасный презентационный функционал)!

На всякий случай дублирую ссылку на архив расширением на Qlik Branch

blog.atkcg.ru

Анимированные GIF картинки, аваторы и обои для телефона: Автомобили (Cars), страница 7: скачай обои: Форд ЖТ суперкар анимация, фото картинки: ГАЗ - легендарная Волга, скринсейвер для телефона: спидометр с показаниями за 200 Км в час, анимированные картинки для сотового: Субару Импреза ВРИКС, анимированные иконки: Ламборжине Диабло

Анимированные GIFы Обои и картинки 240x320:
Rambler's Top100 Рейтинг@Mail.ru Mobile Wallpapers: На нашем сайте свыше 1500 прикольных живых аваторов и юзерпиков ждут вас! Мобильный телефон - это больше чем средство связи, современный телефон - это и еще небольшой центр мобильных развлечений, все производители включая такие брэнды как Нокиа, Сони Эриксон, Самсунг и другие встраивают в телефоны mp3 плееры, видео проигрыватели, и другие прикольные программы. Пользователю лишь остается наполнить свой телефон оригинальным контенту.

Если у вас есть вопросы по поводу размещенного сайте контента - опишите проблему по электронной почте.

Лучшие Народные Анимированные обои для телефона бесплатно и без регистрации! http://mobilewallpapers.narod.ru/
Анимационные картинки и обои формата 240 на 320 точек для современных сотовых телефонов: Самсунг, Нокиа, Сони Эриксон, ЛЖ, HTC, Тошиба, Асус, Филипс и других.

На этой странице можно найти gif анимации и картинки на тему: Автомобили (Cars), страница 7, скачай обои: Форд ЖТ суперкар анимация, фото картинки: ГАЗ - легендарная Волга, скринсейвер для телефона: спидометр с показаниями за 200 Км в час, анимированные картинки для сотового: Субару Импреза ВРИКС, анимированные иконки: Ламборжине Диабло - дьявольская скорость.

Мобильные обои - лучший бесплатный контент на телефон и компьютер!

mobilewallpapers.narod.ru

Анимированные GIF картинки, аваторы и обои для телефона: Автомобили (Cars), страница 2: мобильная анимация: Астон Мартин - автомобиль агента 007, animated GSM theme: спидометр Астон Мартина, анимированные гиф иконки: Астон Мартин Ваниш - автомобиль Джеймс Бонда, avatar: автомобиль Ауди, приколы: Бэнтли кабриолет

Анимированные GIFы Обои и картинки 240x320: Rambler's Top100 Рейтинг@Mail.ru Mobile Wallpapers: На нашем сайте свыше 1500 прикольных живых аваторов и юзерпиков ждут вас! Внимание! Не все телефоны поддерживают анимированные изображения, уточните технические характеристики своего телефона или купите новый современный телефон. Картинки и фотографии заметно украсят интерфейс вашего друга, станут приятной неожиданностью для ваших друзей и подруг. Мы уже не представляем себе жизнь без современных спрдств связи, мобильный телефон прописался в нашей жизни.

Если у вас есть вопросы по поводу размещенного сайте контента - опишите проблему по электронной почте.

Лучшие Народные Анимированные обои для телефона бесплатно и без регистрации! http://mobilewallpapers.narod.ru/
Анимационные картинки и обои формата 240 на 320 точек для современных сотовых телефонов: Самсунг, Нокиа, Сони Эриксон, ЛЖ, HTC, Тошиба, Асус, Филипс и других.

На этой странице можно найти gif анимации и картинки на тему: Автомобили (Cars), страница 2, мобильная анимация: Астон Мартин - автомобиль агента 007, animated GSM theme: спидометр Астон Мартина, анимированные гиф иконки: Астон Мартин Ваниш - автомобиль Джеймс Бонда, avatar: автомобиль Ауди, приколы: Бэнтли кабриолет - одна из самых престижных и дорогих марок автомобилей, анимированный логотип.

Мобильные обои - лучший бесплатный контент на телефон и компьютер!

mobilewallpapers.narod.ru