Qlik Sense Theme - Zebra Striped Tables & Pivots

Seit Qlik Sense Februar 2018 gibt es die Möglichkeit eigene Themes für Qlik Sense zu bauen. Diese Woche habe ich eine interessante Frage bekommen: kann man die Zeilen in Tabellen und Pivottabellen alternierend einfärben um die Lesbarkeit zu erhöhen? JA, kann man!

Qlik Sense Default Objekte with Zebra stripes
Die Tabellen mit alternierend weißen und grauen Zeilen in Default Qlik Sense Objekten
Aus QlikView kennen wir das Feature einfach als Einstellung beim Objekt. In Qlik Sense gibt es dieses Property nicht, dafür hat man natürlich den Vorteil, dass man den Qlik Sense Webclient über CSS steuern kann.

QlikView vs. Qlik Sense Zebra Stripes
QlikView Stripes vs. Qlik Sense Table

Wie man Zebra Stripes mit CSS definiere kann findet man unter w3schools.com. Als Ausgangspunkt für ein Qlik Sense Theme habe ich das QDT-Theme vom Qlik Demo Team hergenommen. Dort sieht man in der theme.css bereits einige Styles definiert. Zusätzlich habe ich folgendes eingefügt.

css for Qlik Sense zebra stripes
.css Anweisung für Zebra Stripes
Das .zip File mit dem modifizierten Theme steht hier zum Download.

Um das Theme am Qlik Sense Server zu deployen, das .zip File in der QMC als Extension importieren.



Dann kann das Theme "qdt theme" über die Qlik Sense App Settings eingestellt werden.



Voilà - alle Tabellen werden jetzt schön gestreift dargestellt! Sogar wenn man das Balkendiagramm rechtsklickt und sagt "Daten anzeigen", wird die Tabelle gestreift. Das hat sogar mich positiv überrascht :-)




Qlik Sense - QMC und Hub CSS Farbe setzen

Wer viele Tabs in seinem Browser offen hat, und zudem noch mehrere Qlik Sense Systeme (DEV, TEST, PROD) sein Eigen nennt, ist wohl manchmal verwirrt welche Qlik Sense Umgebung er gerade nutzt.

Leider gibt es kein direktes Feature um die verschiedenen Umgebungen farblich klar zu trennen, aber man kann sich die .css von QMC und HUB mal genauer ansehen.

Qlik Sense Hub und QMC in rot gefärbt

Als Helferlein dient hier am besten das Dev Tool in Chrome, welches man mittels F12 einblenden kann. Mit dem DOM-Inspektor sieht man, dass etwa die qmc.css den Style "qmc-toolbar" setzt.


Nicht ganz offensichtlich ist, wo denn die qmc.css im Filesystem liegt. Das war in Qlikview einfacher, weil wir den IIS/QVWS mit klaren Mountpoints hatten. Für den Qlik Sense Proxy Service findet man die Datei unter: C:\Program Files\Qlik\Sense\Client\qmc.css

Dort kann man zum Beispiel "Background-color: red;" für den Style "qmc-toolbar"einfügen.


.css Änderung bewirkt roten Balken in QMC



Für den Hub liegt die Datei unter C:\Program Files\Qlik\Sense\Client\hub\hub.css.  Dort ist es der Style "hub-toolbar".


Die .css ist komprimiert, und somit unangenehmer zu editieren. Wer aber zum Beispiel mit notepad++ nach "hub-toolbar{" sucht, sollte auch schnell fündig werden.





.css Änderung bewirkt roten Balken in Hub


QlikView Geo Karten - Mapquest statt Static.OpenstreetMap.de

Alle paar Jahre passiert es wieder. Die Scatterchart Kartenintegration von QlikView mit Open Streetmap liefert kein Hintergrundbild mehr.

Es scheint diesmal leider so, als ob Open Streetmap den Dienst für diese API im September 2018 endgültig eingestellt hat.




Google Maps für interne Nutzung ist meines Wissens nach nicht gratis. Die kommerzielle Lösung teuer. Eine "freie" Alternative ist die MapQuestAPI:

='http://www.mapquestapi.com/staticmap/v4/getmap?key='&yourmapquest_key&'&type=map&size='&def_map_size&','&def_map_size&'&pois=&center='&Replace(var_mid_lat,',','.')&','&Replace(var_mid_long,',','.')&'&zoom='&$(var_zoom)&'&rand=1212384919'


Bitte den API-Schlüssel generieren, dann haben Sie zumindest 15.000 Kartenzugriffe im Monat gratis.



Scatterchart mit Hintergrundgraphik via MapQuest

Die neue URL und Key hier eintragen:


Ein Beispiel mit einem Demo-Key findet sich hier in der Qlik Community https://community.qlik.com/docs/DOC-6225 

Um diese wiederkehrende Problematik ein für alle Mal zu lösen, und auch die Möglichkeiten der GeoAnalysen in QlikView auf ein neues Level zu heben, empfehlen wir die Extension NPGeoMap. Dort wird das Kartenmaterial mitgeliefert bzw. über die normalen Tile-Server von zB OpenStreetmap geladen. 

Siehe Infos auf unserer Webseite unter https://www.heldendaten.net/qlikview-npgeomap

Wetterdaten von OpenWeatherMap mit Qlik

Aktuelle Wetterdaten mit den eigenen Unternehmensdaten zu verknüpfen, kann zu ganz neuen Schlussfolgerungen führen. Sei es im Handel, in der Produktion oder wenn Sie Verkehrsströme mit Qlik auswerten.

Qlik Datamarket liefert zwar Wetterdaten, aber für Österreich sind da einfach nicht genügend Städte hinterlegt. Als Alternative haben wir uns OpenWeatherMap.org angesehen.

OpenWeatherMap mit dem aktuellen Forecast von Wien.

OpenWeatherMap bietet eine Vielzahl an APIs, die neben dem aktuellen Wetter auch historisches Wetter, Forecast, Luftverschmutzung, usw. abdecken.

Um das Service nutzen zu können, muss man sich registrieren und einen API Key herunterladen, der dann im Qlik Script als Parameter gesetzt werden muss. Für unsere Anwendung reicht die kostenfreie Version, die bis zu 60 Abfragen (== aktuelles Wetter von 60 Städten) pro Minute zulässt. Für mehr Requests, oder aktuellere Wetterdaten kann man kostenpflichtige Modelle wählen.

OpenWeatherMap liefert die Daten in unterschiedlichen Formaten. Für eine Default Qlik-Umgebung eignet sich entsprechend XML. Um also die Wetterdaten von allen Hauptstädten in Österreich abzurufen, können Sie folgendes Qlik Script nutzen.

$(must_Include=apikey.txt);


for each vCity in 'Graz','Vienna','Eisenstadt','Linz','Klagenfurt','Eisenstadt','Bregenz','Innsbruck','Salzburg'

Wetter:
LOAD 
     '$(vCity)' as City,
 [lastupdate/value],
    [weather/number] as number,
    [weather/value],
    [weather/icon] as icon,
    [precipitation/mode] as mode,
    [visibility/value],
    [clouds/value],
    [clouds/name],
    [wind/direction/value] as [direction/value],
    [wind/direction/code] as code,
    [wind/direction/name] as [direction/name],
    [wind/speed/value] as [speed/value],
    [wind/speed/name] as [speed/name],
    [pressure/value],
    [pressure/unit],
    [humidity/value],
    [humidity/unit],
    [temperature/value],
    num(num(num#([temperature/value],'###.##','.',' '))- 273.15) as [temperature/value_Celsius],
    [temperature/min] as min,
    [temperature/max] as max,
    [temperature/unit],
    [city/id] as id,
    [city/name],
    [city/country] as country,
    [city/sun/rise] as rise,
    [city/sun/set] as set,
    [city/coord/lon] as lon,
    [city/coord/lat] as lat
FROM [http://api.openweathermap.org/data/2.5/weather?q=$(vCity),AT&appid=$(vAPIKey)&mode=xml] (XmlSimple, Table is [current]);
//&units=metric --> liefert nicht immer Wert

next




let vHour=num(hour(now(1)),'00');
let vDate = date(today(),'YYYYMMDD');

store Wetter into  ./qvd/Wetter_$(vDate)_$(vHour).qvd;

drop table Wetter;



Das Ergebnis liefert Temperatur, Wind, Luftfeuchtigkeit, Bewölkungsgrad, Sonnenauf- und untergang und sogar die Längen- und Breitengrade zu den Städten. Neben den Städtenamen kann man auch andere Queryparameter wie Postleitzahl und Geokoordinaten nutzen. Bei unseren Tests hat der OpenWeatherMap-Parameter "unit=metric" nicht so funktioniert wie unter "Unit Formats"
dokumentiert, deswegen haben wir die Umrechnung von Kelvin auf Grad Celsius im Qlik Script gelöst.



Die geladenen Wetterdaten in QlikView

Die Historisierung der Wetterdaten machen wir in Qlik selbst, indem wir für jeden Skriptlauf eine eigene .qvd wegspeichern. Wenn Sie also in der Qlik QMC die Beladung auf "stündlich" stellen, kann man sich so sogar einen Tagesverlauf abbilden.


Das Scriptbeispiel funktioniert in QlikView und Qlik Sense mit Legacy Script Modus. Für Qlik Sense Standard Modus muss man die neue URL Syntax nutzen und das Skript entsprechend adaptieren. Bitte den eigenen API-Key in die Variable "vAPIKey" eintragen.

Kontinuierliche X-Achse in Qlik Sense (updated June 2018 Release)

Still und heimlich hat sich ein altes QlikView Feature auch in den Charteinstellungen von Qlik Sense eingefunden: die kontiniuierliche X-Achse. Hat man viele Datenpunkte in einer Zeitreihe und nur einen beschränkten Darstellungsraum, will man möglichst den gesamten Zeitverlauf auf einem Blick sehen.

In QlikView kennen wir diese Einstellung schon lange. Hier ein Beispiel mit den Qlik DataMarket Wetterdaten für Wien.

QlikView kontinuierliches Kombichart
Temperatur und Niederschlagsverlauf in Wien 2014-2015 als kontinuierliches Kombichart


In Qlik Sense gab es in den ersten Versionen diese Einstellung gar nicht. In Qlik Sense 3 kam dann erstmals das Liniendiagramm, jetzt in Qlik Sense 3.1 SR4 haben auch Kombichart und Balkendiagramm das Setting bekommen.

Links die alten Darstellungen. Rechts die Darstllung mit der kontinuierlichen X-Achse
Während man in den linken Charts immer nur wenige Datensätze sieht (und dann scrollen muss), sieht man in den rechten Charts den gesamten Zeitraum - verdeutlicht mit der SQRT-Funktion.

Das Setting um die kontinuierliche X-Achse zu aktivieren
Wie Oleg Troyansky in seinem Blogpost geschrieben hat, funktionieren die kontinuierlichen Charts  in Qlik Sense zusammen mit einem Derived Kalenderfeld als "Time-Aware" Charts. Aber Achtung: bei großen Datenmengen dürften die Derived Fields einen großen Overhead haben.

Beide Applikationen für QlikView und Qlik Sense gibt es hier zum Download.

Update August 2018 

Mit Qlik Sense June 2018 kann jetzt auch das MiniChart für die Kontinuierlichen Charts abgedreht werden.






heldendaten GmbH,2017