Accéder au contenu principal Passer au contenu complémentaire

Création de rapports HTML

Les rapports HTML contiennent des fichiers HTML et image. Ceux-ci sont transmis aux utilisateurs sous forme de fichiers .zip.

Ce didacticiel vous explique comment :

  • créer un rapport HTML ;
  • incorporer des images dans un rapport HTML ;
  • ajouter un niveau ;
  • ajouter une balise de variable de niveau en tant qu'étiquette.

Le rapport final sera doté d'un titre approprié et des images placées dans un cadre pour chacune des trois années. Les rapports HTML prennent en charge la plupart des objets Qlik Sense. Voir : Utilisation des objets Qlik (uniquement en anglais)

Test

Vous pouvez créer un rapport à l'aide des exemples de fichiers mis à votre disposition. Pour télécharger ces fichiers, voir : Fichiers exemples (uniquement en anglais).

Création d'un rapport HTML

Procédez comme suit :

  1. Sélectionnez Rapports dans le menu principal de Qlik NPrinting, puis cliquez sur Créer un rapport.
  2. Renseignez le champ Titre du rapport.
  3. Sélectionnez HTML dans la liste déroulante Type.
  4. Sélectionnez une application dans la liste déroulante Application.
  5. Sélectionnez un Modèle dans les options disponibles :

    • Modèle vide - utilise un modèle vide
    • Modèle par défaut - utilise le modèle par défaut (uniquement disponible si un modèle par défaut a été défini dans les Paramètres du rapport.

      Voir Chargement d'un fichier Office, HTML ou PixelPerfect en tant que modèle (uniquement en anglais)

    • Personnaliser - choisissez un fichier à utiliser en tant que modèle.
  6. Cliquez sur Créer pour créer le rapport.

Sélection de connexions et d'objets

Procédez comme suit :

  1. Cliquez sur Éditer le modèle pour ouvrir l'éditeur de modèle.
  2. Cliquez sur le nœud Images avec le bouton droit de la souris, puis sélectionnez Add objects (Ajouter des objets).
  3. Sélectionnez les objets que vous souhaitez ajouter en tant qu'images.
  4. Cliquez sur OK.
  5. Faites glisser les objets image et déposez-les sur des lignes situées entre les balises <body> et </body>.
  6. Cliquez sur Aperçu.
  7. Vérifiez le rapport, fermez-le, puis éditez à nouveau le modèle, le cas échéant.
  8. Cliquez sur Enregistrer et fermer pour enregistrer le modèle et fermer l'éditeur de modèle.

Rapport obtenu

 <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>			

Ouverture de la fenêtre de sélection de niveaux

Vous pouvez générer un rapport HTML dont les niveaux parcourent chaque année selon un cycle.

Procédez comme suit :

  1. Cliquez sur le nœud Levels (Niveaux) avec le bouton droit de la souris, puis sélectionnez Add levels (Ajouter des niveaux).
  2. Sélectionnez Year dans la liste des niveaux.
  3. Cliquez sur OK.
  4. Développez le nœud Niveaux.
  5. Faites glisser le jeton du nœud Year_Level et déposez-le sur une ligne située entre les balises <body> et </body>.

    Le cas échéant, ajoutez des lignes.

  6. Vous obtenez trois nouvelles lignes :%%Year_Level%%, %%/Year_Level%% et une ligne vide entre les deux autres lignes.

  7. Disposez la ligne %%Year_Level%% avant les éléments à inclure dans le cycle du niveau et la ligne %%Year_Level%% après les éléments à inclure dans le cycle du niveau.
  8. Développez le nœud Year_Level.
  9. Faites glisser le jeton du nœud Year et déposez-le sur une ligne située entre les lignes %%Year_Level%% et %%Year_Level%%.

  10. Ajoutez des éléments de style intégrés. Reportez-vous aux exemples de code ci-dessous.

Rapport obtenu

Le code HTML suivant, par exemple, crée un rapport HTML correspondant. Le rapport obtenu comportera trois sections, chacune intitulée en fonction de l'une des années.

<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>

En savoir plus

Cette page vous a-t-elle aidé ?

Si vous rencontrez des problèmes sur cette page ou dans son contenu – une faute de frappe, une étape manquante ou une erreur technique – dites-nous comment nous améliorer !