# Diagrammen als afbeeldingen toevoegen in uw HTML-sjabloon

U kunt een diagram als afbeelding toevoegen aan de HTML-rapportsjabloon. Het diagram gebruikt de gegevens van de meest recente herlaadbeurt van de applicatie.

Een diagramafbeelding wordt toegevoegd als een `img`-element in de HTML-sjablooncode. De afbeelding wordt ook als object toegevoegd in het objectenvenster, waarnaar u op elk gewenst moment kunt terugkeren voor bewerking en hergebruik.

Wanneer u een diagram selecteert, vernieuwt u de lijst met beschikbare diagrammen uit de Qlik Sense-applicatie door op the Herladen icon te klikken.

Doe het volgende:

1. Plaats in de HTML-ontwerper uw cursor op de locatie in de code waar u de afbeelding wilt invoegen.

2. Klik in de HTML-ontwerper op the Diagramobject icon in het objectenvenster.

   Menu Diagrammen in het objectenvenster binnen de HTML-ontwerper

   Menu Diagrammen in het objectenvenster binnen de HTML-ontwerper

   Menu DiagrammenDiagrammen in het objectenvenster binnen de HTMLHTML-ontwerper ![Tabblad 'Diagrammen' in de HTML-ontwerper, van waaruit u bestaande diagrammen die u hebt toegevoegd kunt wijzigen, of een nieuw diagram kunt toevoegen](https://help.qlik.com/nl-NL/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_gen_html-add-image-objects-panel.png)

3. Klik op Diagram toevoegen. Er verschijnt een lijst met beschikbare werkbladen.

4. Vouw het werkblad uit dat het diagram bevat dat u wilt toevoegen. U kunt indien nodig zoeken op de naam van het diagram om de lijst met werkbladen te verfijnen.

5. Klik op het pictogram the Plussymbool icon om het diagram toe te voegen.

   Om er zeker van te zijn dat u het juiste diagram toevoegt, kunt u er een voorbeeld van bekijken voordat u het toevoegt. Om een voorbeeld van een diagram te bekijken, klikt u op the Pijl naar rechts icon ernaast, of klikt u op de naam van het diagram.

   Een diagram selecteren om als afbeelding toe te voegen

   Een diagram selecteren om als afbeelding toe te voegen

   Een diagram selecteren om als afbeelding toe te voegen ![Het diagram selecteren om als afbeelding toe te voegen aan het HTML-rapport](https://help.qlik.com/nl-NL/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_gen_html-add-image-select-chart.png)

6. Het diagram wordt aan de sjabloon toegevoegd als een `img`-element. Geef in het objectenvenster een unieke Naam op voor de afbeelding, zodat u deze later kunt identificeren.

   Sjabloonontwerpoppervlak met nieuw toegevoegd `img`-element gemarkeerd

   Sjabloonontwerpoppervlak met nieuw toegevoegd `img`-element gemarkeerd

   Sjabloonontwerpoppervlak met nieuw toegevoegd `img`img-element gemarkeerd ![Diagramafbeeldingselement toegevoegd aan rapportsjabloon](https://help.qlik.com/nl-NL/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_gen_html-add-image-resulting-tags.png)

7. Na het toevoegen van de afbeelding kunt u het volgende aanpassen:

   * Pas de Zoom aan in het objectenmenu. Dit kan helpen bij de leesbaarheid van de diagramtekst en om bepaalde aspecten van het diagram te markeren.

   * Voeg maximaal één Filter afzonderlijk toe aan het object. Dit doet u in het objectenmenu en stelt u in staat om de gegevens die in het diagram worden gebruikt aan te passen zonder de gegevens in andere sjabloonobjecten te beïnvloeden. Klik op Filters beheren om het rapportfilter te configureren dat u wilt gebruiken. Voor meer informatie over filters op objectniveau raadpleegt u [Filters op objectniveau gebruiken in rapportsjablonen](https://help.qlik.com/nl-NL/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Generate/cloud-in-app-reports-filters.htm#ObjectLevel).

   * Wijzig de dimensies van de afbeelding met de attributen `width` en `height` in de `img`-elementen. Dit doet u in het ontwerpoppervlak.

8. U kunt het afbeeldingsobject op elk gewenst moment hergebruiken. Open the Diagramobject icon in het objectenvenster en klik op the Pijl naar rechts icon om het object te openen. Klik op Afbeelding toevoegen om de afbeelding opnieuw toe te voegen.