Adding charts as images in your HTML template

You can add a chart as an image to the HTML report template. The chart will use the data from the app's most recent reload.

A chart image is added as an img element in the HTML template code. The image is also added as an object in the objects panel, which you can return to at any time for editing and reuse.

When selecting a chart, refresh the list of available charts from the Qlik Sense app by clicking .

Do the following:

1. In the HTML designer, place your cursor at the location in the code at which you want to insert the image.

2. In the HTML designer, click in the objects panel.

   

3. Click Add chart. A list of available sheets appears.

4. Expand the sheet containing the chart you want to add. You can search the chart's name to refine the list of sheets if needed.

5. Click the icon to add the chart.

   To make sure you are adding the correct chart, you can preview it before adding. To preview a chart, click next to it, or click the chart name.

   

6. The chart is added to the template as an img element. In the objects panel, provide a unique Name to the image so you can identify it later.

   

7. You can adjust how the image appears in the template with the following:

   • Adjust the Zoom in the objects menu. This can help with readability of chart text, and to highlight certain aspects of the chart.

   • Change the dimensions of the image with the width and height attributes in the img elements. This is done in the design surface.

8. You can re-use the image object at any time. Open in the objects panel, and click to open the object. Click Add image to add the image again.