# Hinzufügen von Diagrammen als Bilder zu Ihrer HTML-Vorlage

Sie können ein Diagramm als Bild zur HTML-Berichtsvorlage hinzufügen. Das Diagramm verwendet die Daten aus dem neuesten Ladevorgang der Anwendung.

Ein Diagramm-Bild wird als `img`-Element zum HTML-Vorlagencode hinzugefügt. Das Bild wird auch als Objekt im Objektfenster hinzugefügt, zu dem Sie jederzeit zurückkehren können, um es zu bearbeiten und wiederzuverwenden.

Wenn Sie ein Diagramm auswählen, aktualisieren Sie die Liste der verfügbaren Diagramme über die Qlik Sense Anwendung, indem Sie auf the Laden icon klicken.

Gehen Sie folgendermaßen vor:

1. Setzen Sie den Cursor im HTML-Designer an die Position im Code, an der Sie das Bild einfügen möchten.

2. Klicken Sie im HTML-Designer im Objektfenster auf the Diagrammobjekt icon.

   Menü Diagramme im Objektfenster des HTML-Designers

   Menü Diagramme im Objektfenster des HTML-Designers

   Menü DiagrammeDiagramme im Objektfenster des HTMLHTML-Designers ![Registerkarte „Diagramme“ im HTML-Designer, über die Sie vorhandene Diagramme ändern oder neue Diagramme hinzufügen können.](https://help.qlik.com/de-DE/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_gen_html-add-image-objects-panel.png)

3. Klicken Sie auf Diagramm hinzufügen. Eine Liste der verfügbaren Arbeitsblätter wird angezeigt.

4. Erweitern Sie das Arbeitsblatt mit dem Diagramm, das Sie hinzufügen möchten. Sie können nach dem Namen des Diagramms suchen, um bei Bedarf die Liste der Arbeitsblätter zu verfeinern.

5. Klicken Sie auf das Symbol the Plus-Symbol icon, um das Diagramm hinzuzufügen.

   Um sicherzustellen, dass Sie das richtige Diagramm hinzufügen, können Sie eine Vorschau anzeigen, bevor Sie es hinzufügen. Um ein Diagramm in der Vorschau anzuzeigen, klicken Sie neben dem Diagramm auf the Pfeil nach rechts icon oder auf den Namen des Diagramms.

   Auswählen eines Diagramms zum Hinzufügen als Bild

   Auswählen eines Diagramms zum Hinzufügen als Bild

   Auswählen eines Diagramms zum Hinzufügen als Bild ![Auswählen des Diagramms, das als Bild zum HTML-Bericht hinzugefügt werden soll](https://help.qlik.com/de-DE/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_gen_html-add-image-select-chart.png)

6. Das Diagramm wird der Vorlage als `img`-Element hinzugefügt. Geben Sie im Objektfenster einen eindeutigen Namen für das Bild an, damit Sie es später identifizieren können.

   Vorlagen-Designoberfläche mit hervorgehobenem neu hinzugefügtem `img`-Element

   Vorlagen-Designoberfläche mit hervorgehobenem neu hinzugefügtem `img`-Element

   Vorlagen-Designoberfläche mit hervorgehobenem neu hinzugefügtem `img`img-Element ![Zur Berichtsvorlage hinzugefügtes Diagrammbildelement](https://help.qlik.com/de-DE/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_gen_html-add-image-resulting-tags.png)

7. Nachdem Sie das Bild hinzugefügt haben, können Sie Folgendes anpassen:

   * Passen Sie den Zoom im Menü „Objekte“ an. Dies kann die Lesbarkeit des Diagrammtextes verbessern und bestimmte Aspekte des Diagramms hervorheben.

   * Fügen Sie dem Objekt individuell bis zu einen Filter hinzu. Dies geschieht im Objektmenü und ermöglicht es Ihnen, die im Diagramm verwendeten Daten anzupassen, ohne die in anderen Vorlagenobjekten verwendeten Daten zu beeinflussen. Klicken Sie auf Filter verwalten, um den zu verwendenden Berichtsfilter zu konfigurieren. Weitere Informationen zu Filtern auf Objektebene finden Sie unter [Verwenden von Filtern auf Objektebene in Berichtsvorlagen](https://help.qlik.com/de-DE/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Generate/cloud-in-app-reports-filters.htm#ObjectLevel).

   * Ändern Sie die Dimensionen des Bildes mit den Attributen `width` und `height` in den `img`-Elementen. Dies geschieht in der Designoberfläche.

8. Sie können das Bildobjekt jederzeit wiederverwenden. Öffnen Sie the Diagrammobjekt icon im Objektfenster und klicken Sie auf the Richtungspfeil rechts icon, um das Objekt zu öffnen. Klicken Sie auf Bild hinzufügen, um das Bild erneut hinzuzufügen.