Text & image
The text & image visualization complements other visualizations by offering options to add text, images, hyperlinks, and measures.
You can format and color the text and align the paragraphs. The background image has sizing and positioning options. You can also set the responsive behavior for text and images.
The text & image visualization is only available in the advanced edit mode.
When to use it
The text & image visualization is intended for presentation purposes, and does not support selections. However, the measures in the text & image visualization are updated when selections are made. Some typical uses:
- Use it on the first sheet of an app for essential information.
- Display a company image, or use a background image together with formatted text and measure values to present figures in a compelling way.
- Link to sites with additional information.
- Use the responsive behavior to ensure that the visualization renders well on all devices.
Advantages
The text & image visualization contrasts with the other visualizations. You have many options for making the text & image visualization stand out next to more regular charts.
Disadvantages
You are limited to a few measure values and rather short texts, otherwise the text & image visualization will be cluttered.
Creating a text & image
You can create a text & image visualization on the sheet you are editing.
Gehen Sie folgendermaßen vor:
- From the assets panel, drag an empty text & image chart to the sheet.
-
Click the text & image chart to open the editing toolbar.
-
Add and format text, images, hyperlinks or measures to the text & image chart.
Styling the text & image
Unter Darstellung im Eigenschaftsfenster sind mehrere Designoptionen verfügbar.
Klicken Sie auf Design unter Darstellung > Präsentation, um das Design des Diagramms weiter anzupassen. Das Designfenster enthält mehrere Abschnitte auf den Registerkarten Allgemein und Diagramm.
Sie können Ihre Designs zurücksetzen, indem Sie auf neben den einzelnen Abschnitten klicken. Wenn Sie auf
Alle zurücksetzen klicken, werden die Designs für alle verfügbaren Registerkarten im Designfenster zurückgesetzt.
For general information about styling an individual visualization, see Applying custom styling to a visualization.
Anpassen des Texts
Sie können den Text für Titel, Untertitel und Fußnoten unter Darstellung > Allgemein festlegen. Um diese Elemente auszublenden, deaktivieren Sie Titel anzeigen
Die Sichtbarkeit der verschiedenen Bezeichnungen des Diagramms hängt von den diagrammspezifischen Einstellungen und den Anzeigeoptionen der Bezeichnungen ab. Diese können im Eigenschaftsfenster konfiguriert werden.
Sie können das Design des im Diagramm angezeigten Texts ändern.
Gehen Sie folgendermaßen vor:
-
In the properties panel, expand the Appearance section.
-
Under Appearance > Presentation, click
Styling.
-
Legen Sie auf der Registerkarte Allgemein die Schriftart, den Hervorhebungsstil, die Schriftgröße und die Farbe der folgenden Textelemente fest:
-
Titel
-
Untertitel
-
Fußnote
-
Customizing the background
You can customize the background of the chart. The background can be set by color and image.
Gehen Sie folgendermaßen vor:
-
In the properties panel, expand the Appearance section.
-
Under Appearance > Presentation, click
Styling.
-
On the General tab of the styling panel, you can select a background color (single color or expression). You can also set the background to an image from your media library or from a URL.
When using a background color, use the slider to adjust the opacity of the background.
When using a background image, you can adjust image sizing and position.
In a text & image object, you can also set a background image outside of the styling panel. Setting a background image in this way will not exclude or negate any background modifications you have made in the above procedure.
Gehen Sie folgendermaßen vor:
-
In the properties panel, expand the Appearance section.
-
Under Background image, toggle on Use background image.
-
Add an image from your media library. You can select from a number of size and position options.
Customizing the border and shadow
You can customize the border and shadow of the chart.
Gehen Sie folgendermaßen vor:
-
In the properties panel, expand the Appearance section.
-
Under Appearance > Presentation, click
Styling.
-
On the General tab of the styling panel, under Border, adjust the Outline size to increase or decrease the border lines around the chart.
-
Select a color for the border.
-
Adjust the Corner radius to control the roundness of the border.
-
Under Shadow in the General tab, select a shadow size and color. Select None to remove the shadow.
Editing a text & image
In the text & image visualization you can add and format text, images, measures, and links in various ways.
When you are editing a sheet and the text & image visualization does not have focus, you need to click twice to open the editing toolbar. In the editing toolbar, you can format text properties such as color, size, and style, and also align the text. Additionally, you have options for adding links and images.
Creating a link
You can mark a text section and use it for a link.
If you do not add a prefix, http:// is added automatically, assuming that you are adding a web address.
Gehen Sie folgendermaßen vor:
-
Select the text section that you want to use for the link.
-
Click
in the editing toolbar to open the link dialog.
-
Enter the web address that you want to link to.
-
Click
.
Removing a link
You can remove a link from a text section.
Gehen Sie folgendermaßen vor:
-
Click the link so that the cursor is somewhere inside it.
-
Click
in the editing toolbar to open the link dialog.
-
Click
.
The link is removed, but not the text.
Adding an image
You can add an image through the editing toolbar. You can use one of the default images, or an image of your own.
Gehen Sie folgendermaßen vor:
-
Click
in the editing toolbar.
Die Medien-Bibliothek wird geöffnet.
Folgende Formate werden unterstützt: .png, .jpg, .jpeg und .gif.
Für Qlik Sense: Sie können Bilder in den Ordner In app in der Medienbibliothek hochladen. Sie müssen die Qlik Management Console verwenden, um Bilder in den Standardordner hochzuladen.
Für Qlik Sense Desktop: Sie können Bilder im folgenden Ordner auf Ihrem Computer platzieren: C:\Users\<user>\Documents\Qlik\Sense\Content\Default. Bilder stehen im Ordner default in der Medienbibliothek zur Verfügung. Wenn eine App zwischen Installationen verschoben wird, werden die in der App verwendeten Bilder in der qvf-Datei zusammen mit der App gespeichert. Beim Öffnen der App an einem neuen Speicherort befinden sich die Bilder im Ordner In App in der Medienbibliothek für die App.
- Click on a folder in the media library, for example In app or Default.
-
Select the image that you want to add.
-
Click Insert.
InformationshinweisAlternativ können Sie mit der rechten Maustaste auf die Bilddatei klicken, die Sie hinzufügen möchten, und Einfügen wählen.
For more information, see Managing a Qlik Sense site: Uploading objects to content libraries.
Adding a measure
You can add a measure in the following ways:
- By dragging a field from the assets panel and adding it as a measure.
- By dragging a measure from Master items.
- By adding a measure (existing or new) from the properties panel.
When you are editing the measure, it is displayed as a token, which can be styled and moved around in the visualization. You can also apply number formatting to it. When you leave the editor, the measure value is displayed . Values that cannot be aggregated are shown as a hyphen (-).
Deleting a measure
You can delete a measure in the following ways:
- Place the cursor before the token and press Delete.
- Place the cursor after the token and press Backspace.
- In the properties panel, right-click the measure and select Delete in the dialog.
- In the properties panel, click the measure and click Delete
.