Erstellen von HTML-Berichten
HTML-Berichte enthalten HTML- und Bilddateien. Sie werden den Benutzern als .zip-Dateien bereitgestellt.
In diesem Tutorial wird erklärt, wie
- ein HTML erstellt wird
- Bilder in einen HTML-Bericht eingebettet werden
- eine Ebene hinzugefügt wird
- ein Ebenen-Variablen-Tag als Bezeichnung hinzugefügt wird
Der Endbericht wird mit einem entsprechenden Titel und Bildern in einem Rahmen von jeweils drei Jahren erzeugt werden. HTML-Berichte unterstützen die meisten Qlik Sense Objekte. Siehe: Arbeiten mit Qlik-Objekten (nur auf Englisch)
Testen
Sie können unsere Beispieldateien nutzen, um Ihren Bericht zu erstellen. Informationen zum Download dieser Dateien finden Sie unter: Beispieldateien (nur auf Englisch).
Erstellen eines neuen HTML-Berichts
Gehen Sie folgendermaßen vor:
- Wählen Sie Berichte im Qlik NPrinting Hauptmenü aus und klicken Sie auf Bericht erstellen.
- Geben Sie einen Titel für den Bericht ein.
- Wählen Sie in der Dropdown-Liste Typ die Option HTML aus.
- Wählen Sie eine App aus der Dropdown-Liste App aus.
-
Wählen Sie aus den folgenden verfügbaren Optionen eine Vorlage aus:
- Leere Vorlage: Es wird eine leere Vorlage verwendet.
-
Standardmäßige Vorlage: Es wird die Standardvorlage verwendet (nur verfügbar, wenn eine solche in den Berichtseinstellungen festgelegt wurde).
Weitere Informationen finden Sie unter Laden einer Office-, HTML- oder PixelPerfect-Datei als Vorlage (nur auf Englisch)
- Benutzerdefiniert: Wählen Sie eine als Vorlage zu verwendende Datei aus.
- Klicken Sie auf Erzeugen, um den Bericht zu erzeugen.
Auswählen von Verbindungen und Objekten
Gehen Sie folgendermaßen vor:
- Klicken Sie zum Öffnen des Template Editor auf Vorlage bearbeiten.
- Klicken Sie mit der rechten Maustaste auf den Knoten Bilder und wählen Sie Objekte hinzufügen.
- Wählen Sie die Objekte aus, die Sie als Bilder hinzufügen möchten.
- Klicken Sie auf OK.
- Ziehen und legen Sie Ihre Bildobjekte in Zeilen zwischen den <body>- und </body>-Tags ab.
- Klicken Sie auf Vorschau.
- Überprüfen Sie den Bericht, schließen Sie ihn und bearbeiten Sie die Vorlage bei Bedarf erneut.
- Klicken Sie auf Speichern und schließen, um die Vorlage zu speichern und schließen Sie den Vorlageneditor.
Resultierender Bericht
<html>
<body Style="text-align: center;">
<h3 Style="text-align: center; font: 21px verdana;"> Top 10 countries </h3> <img src="%%CH320%%" alt="CH320"> <h3 Style="text-align: center; font: 21px verdana;"> Top 10 products </h3> <img src="%%CH184%%" alt="CH184"> </body>
</html>
Öffnen des Fensters für die Ebenenauswahl
Sie können einen HTML-Bericht mit Ebenen erzeugen, die jedes Jahr durchlaufen.
Gehen Sie folgendermaßen vor:
- Klicken Sie mit der rechten Maustaste auf den Knoten Ebenen und wählen Sie Ebenen hinzufügen aus.
- Wählen Sie Year in der Ebenenliste aus.
- Klicken Sie auf OK.
- Erweitern Sie den Knoten Ebenen.
-
Ziehen Sie das Knoten-Token Year_Level per Drag and Drop in eine Zeile zwischen die Tags <body> und </body>.
Fügen Sie bei Bedarf Zeilen ein.
- Ordnen Sie die Zeile %%Year_Level%% vor und die Zeile %%Year_Level%% nach den Elementen an, die im Ebenenzyklus enthalten sein sollen.
- Erweitern Sie den Knoten Year_Level.
-
Ziehen Sie das Knoten-Token Year in eine Zeile zwischen den Zeilen %%Year_Level%% und %%Year_Level%%.
- Fügen Sie Inline-Stilelemente hinzu. Nachfolgend finden Sie einige Codebeispiele.
Das Ergebnis sind drei neue Zeilen: %%Year_Level%%, und%%/Year_Level%% mit einer leeren Zeile dazwischen.
Resultierender Bericht
Der folgende HTML-Code erzeugt beispielsweise den entsprechenden HTML-Bericht. Der Bericht enthält drei betitelte Abschnitte, einen für jedes Jahr.
<html>
<body Style="text-align: center;"> %%Year_Level%% <h2 Style="font: 24px verdana;font-weight: bold;">%%Year%%</h2>
<h3 Style="text-align: center; font: 21px verdana;">Top 10 countries</h3> <img src="%%CH320%%" alt="CH320"> <h3 Style="text-align: center; font: 21px verdana;">Top 10 products</h3> <img src="%%CH184%%" alt="CH184"> %%/Year_Level%% </body>
</html>