Zu Hauptinhalt springen

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:

  1. Wählen Sie Berichte im Qlik NPrinting Hauptmenü aus und klicken Sie auf Bericht erstellen.
  2. Geben Sie einen Titel für den Bericht ein.
  3. Wählen Sie in der Dropdown-Liste Typ die Option HTML aus.
  4. Wählen Sie eine App aus der Dropdown-Liste App aus.
  5. 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.
  6. Klicken Sie auf Erzeugen, um den Bericht zu erzeugen.

Auswählen von Verbindungen und Objekten

Gehen Sie folgendermaßen vor:

  1. Klicken Sie zum Öffnen des Template Editor auf Vorlage bearbeiten.
  2. Klicken Sie mit der rechten Maustaste auf den Knoten Bilder und wählen Sie Objekte hinzufügen.
  3. Wählen Sie die Objekte aus, die Sie als Bilder hinzufügen möchten.
  4. Klicken Sie auf OK.
  5. Ziehen und legen Sie Ihre Bildobjekte in Zeilen zwischen den <body>- und </body>-Tags ab.
  6. Klicken Sie auf Vorschau.
  7. Überprüfen Sie den Bericht, schließen Sie ihn und bearbeiten Sie die Vorlage bei Bedarf erneut.
  8. 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:

  1. Klicken Sie mit der rechten Maustaste auf den Knoten Ebenen und wählen Sie Ebenen hinzufügen aus.
  2. Wählen Sie Year in der Ebenenliste aus.
  3. Klicken Sie auf OK.
  4. Erweitern Sie den Knoten Ebenen.
  5. 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.

  6. Das Ergebnis sind drei neue Zeilen: %%Year_Level%%, und%%/Year_Level%% mit einer leeren Zeile dazwischen.

  7. Ordnen Sie die Zeile %%Year_Level%% vor und die Zeile %%Year_Level%% nach den Elementen an, die im Ebenenzyklus enthalten sein sollen.
  8. Erweitern Sie den Knoten Year_Level.
  9. Ziehen Sie das Knoten-Token Year in eine Zeile zwischen den Zeilen %%Year_Level%% und %%Year_Level%%.

  10. Fügen Sie Inline-Stilelemente hinzu. Nachfolgend finden Sie einige Codebeispiele.

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>