Format des rapports Unica Insights

Utilisez les styles inclus dans la feuille de style de rapport globale GlobalReportStyles.css pour formater la page de rapports.

Article Style
Texte Police Tahoma
Texte du titre du rapport Tahoma 18 points
Texte du pied de page Tahoma 8 points
Libellés de jeux de zones Tahoma 8 points

Styles de rapports de type liste

Utilisez les styles inclus dans la feuille de style de rapport globale GlobalReportStyles.css pour formater des rapports de type liste. Le tableau suivant présente le formatage provenant de la feuille de style GlobalStyleSheet.css pour les rapports de type liste :

Elément Style
Cibles Bordures argent (#c8c8c8) 1 px (sauf indication contraire)
En-tête de colonne Arrière-plan gris clair (F5F5F5), ligne grise (#c8c8c8) de 2 px qui sépare l'en-tête de colonne du reste du tableau
Lignes d'en-tête de récapitulatif (en-têtes de liste) Arrière-plan jaune clair
Ligne de total dans la partie inférieure Arrière-plan gris foncé, ligne grise de 2 px qui sépare la ligne du reste du tableau
Elément Nom de classe CSS Style
Page - En-tête Ph

font-family "Tahoma";

font-size: 18pt;

font-weight: bold;

Page - Bas de page Pf

padding-top:10px;

font-size:8pt;

font-weight:bold;
Cellule de titre de colonne de liste du tableau Lt

text-align:left;

border: 1px solid #c8c8c8;

background-color: #f5f5f5;

background-image: none!important;

font-weight:normal;

vertical-align: top;

padding: 10px 20px;

font-family "Tahoma";

couleur : #444444;

font-size: 14px;

Article Nom de classe CSS Style
Intérieur de cellule de corps de colonne de liste du tableau lci

border: none;

background-color: F5F5F5!important;

text-align: right;

padding: 3px 5px; vertical-align: middle;

Cellule de corps de colonne de liste du tableau lc

border-top:1px solid #C8C8C8;

border-bottom:1px solid #C8C8C8;

border-left: 1px solid #C8C8C8;

border-right:1px solid #C8C8C8;

padding: 3px 5px;

text-align: left; vertical-align: middle;

font-family "Tahoma";

Cellule de mesure de corps de colonne de liste du tableau lm

vertical-align: top;

border:1px solid #c8c8c8;

border-right: 0;

border-left: 0;

padding: 3px 5px;

text-align: right;

Première ligne des totaux du tableau croisé tr

border-left: 2px solid black;

background-color: #f5f5f5 !important;

font-weight: bold;

padding: 3px 5px;

Total des tables complexes

-ajout d'une nouvelle classe

ctth

couleur : #444444;

background-color: #f5f5f5; border-bottom:2px solid #c8c8c8;

padding: 3px 5px;

border-left: 2px solid #c8c8c8;

Ligne de totaux du tableau ttr

couleur : #444444;

font-weight: bold;

background-color: #f5f5f5;

padding: 3px 5px;

Ligne de totaux du tableau ctr

couleur : #444444;

font-weight: bold;

border-left:2px solid #c8c8c8;

background-color: #f5f5f5;

border-bottom:1px solid #c8c8c8;

En-tête de totaux du tableau cth

couleur : #444444;

border-bottom:2px solid #c8c8c8;

border-left:1.5px solid white;

border-right:1.5px solid white;

font-weight: 100;

Cellule d'en-tête intérieure de la liste ih

border-top:1px solid #c8c8c8;

border-bottom:1px solid #c8c8c8;

padding: 3px 5px;

vertical-align: middle;

Cellule d'en-tête extérieure de la liste oh

font-weight: bold;

vertical-align: top;

border: 1px solid #c8c8c8;

border-right: 0;

border-left: 0; padding: 3px 5px; word-break:keep-all;

background-color: #f5f5f5;

Elément Nom de classe CSS

Style

Cellule d'en-tête extérieure avec bordure supérieure ohl

font-weight: bold;

vertical-align: top;

background-color: #ddd;

padding: 3px 5px;

word-break:keep-all;

border-top:2px solid black;

border-left:1.5px solid #c8c8c8;

border-right: 5pt solid #c8c8c8;

border-style:solid;

border-bottom:none;

Tableau croisé xt

border: 2px solid #C8C8C8;

couleur : #444444;

empty-cells: show;

font-size: 16px;

Cellule de libellé de membre du tableau croisé ml

font-style: normal !important;

couleur : black;

font-weight: 300;

height: 30px;

border-left: none;

border-right: none;

border-bottom:1px solid #c8c8c8;

Cellule de libellé de membre du tableau croisé cht

vertical-align: top;

background-color:transparent;

padding: 3px 5px;

text-align: left;

Cellule de valeur de membre du tableau croisé mv

vertical-align: top;

white-space: nowrap;

border: 1px solid #c8c8c8;

padding: 3px 5px;

text-align: right;

border-left:none;

border-right:none;

vertical-align: top; white-space: nowrap;

padding: 3px 5px;

text-align: right;

jeu de zones fs

display: -moz-inline-block;

display: inline;

text-align: left; f

ont-size:8pt;

margin-bottom: 15px;

color : #444444;

Graphique ch border:1pt solid #c8c8c8;
Titre de diagramme ct font-weight:bold;
Libellés d'axe de diagramme al font-size:10pt;
Titre d'axe de diagramme à font-weight:bold;

text-align:center;

font-size:10pt;

color:#444444;

Elément Nom de classe CSS

Style

Palette de diagramme Dans la spécification du rapport XML

Collez les lignes suivantes avant la balise de fermeture de diagramme (</combinationChart>) dans la spécification du rapport XML :

<chartPalette>
<chartColor value="#6B80BE"/>
<chartColor value="#DDBB4D"/>
<chartColor value="#9CAC61"/>
<chartColor value="#78BF79"/>
<chartColor value="#7D5AA6"/>
<chartColor value="#efc100"/>
<chartColor value="#aeb8b8"/>
<chartColor value="#4178be"/>
</chartPalette>
Hyperlien .hy

couleur : #037bbf;

font-size: 14px;

font-family "tahoma";

Totaux de la première colonne tf

border-left: 2px solid black;

background-color: #f5f5f5 !important;

font-weight: bold;

padding: 3px 5px;

Total des tables complexes ctt

couleur : #444;

background-color: #f5f5f5 !important;

border-left:2px solid black;

border-bottom: 1px solid #c8c8c8;

padding-left: 5px 5px;

Ligne du total des tables complexes cttr

couleur : #444444;

background-color: #f5f5f5;

font-weight: bold;

border-bottom:1px solid #c8c8c8;

Liste ls

border: 1px solid #c8c8c8;

couleur : #444444;

empty-cells: show; margin-top: 10px;

font-size: 14px;

Survoler la classe de sélection hoverSelection background-color: transparent !important;

couleur : #444444 !important;

Lorsque vous créez un rapport de type liste, suivez les instructions ci-dessous pour qu'il corresponde aux rapports existants :

  • Utilisez des en-têtes (plutôt que des pieds de page) de liste pour afficher des récapitulatifs au niveau de l'objet.
  • Justifiez manuellement à droite les chiffres qui apparaissent dans les en-têtes de liste. Contrairement aux pieds de page de liste, les en-têtes ne sont pas divisés en un composant extérieur et un composant de récapitulatif, qui utilisent un style justifié à droite par défaut. Lorsque vous résumez des informations dans un en-tête de liste, vous devez exécuter cette étape supplémentaire et justifier les valeurs à droite.
  • Vous pouvez éventuellement ajouter des bordures grises continues de 2 px pour regrouper des colonnes.

L'exemple suivant présente un rapport de type liste qui n'utilise pas les styles globaux :

Formats de date pour les versions en français

Si vous utilisez une version globalisée du package de rapports HCL Unica, vous voyez un format de date différent dans les rapports de type liste selon la langue utilisée. Les rapports Unica Insights de type liste utilisent le type de date moyen.

Le tableau suivant présente les formats de dates des rapports de type liste pour toutes les langues disponibles.

Formats de dates des rapports Unica Insights de type liste pour les versions globalisées

Environnement local Exemple de format de date des rapports Unica Insights de type liste
Anglais / English 1er avr 2020

Styles de rapports de type tableau croisé

Utilisez les styles inclus dans la feuille de style de rapport globale GlobalReportStyles.css pour formater des rapports de type tableau croisé.

Le tableau suivant présente le formatage provenant de la feuille de style GlobalStyleSheet.css pour les rapports de type tableau croisé :

Elément Style
Cellules Arrière-plan gris clair (#f5f5f5) ; bordures argent 1 px
Cellule de mesure (en haut à gauche) Ligne noire 2 px (#C8C8C8) qui sépare la cellule du reste du tableau croisé
Totaux extérieurs Arrière-plan gris/blanc cassé

Lorsque vous créez un rapport de type liste, suivez les instructions ci-dessous pour qu'il corresponde aux rapports existants.

  • Utilisez des bordures grises 2 px pour séparer les récapitulatifs des mesures.
  • Utilisez des bordures grises 2 px pour les groupements de colonnes logiques.
  • A titre d'instruction générale, évitez d’intégrer dans le même rapport le récapitulatif des colonnes et des lignes.

L'exemple suivant présente un rapport de type tableau croisé qui utilise les styles globaux et des bordures de 1,5 px qui sont appliquées pour mettre en évidence les groupements de colonnes.

Styles de graphique

Utilisez les styles inclus dans la feuille de style de rapport globale GlobalReportStyles.css pour formater des rapports des diagrammes.

Le tableau suivant présente le formatage provenant de la feuille de style GlobalStyleSheet.css pour les diagrammes :

Le formatage des diagrammes présentée ci-dessous est issue du fichier GlobalStyleSheet.css.

Elément Style
Graphiques 1 point, bordure gris clair
Titres et libellés 10 points, police : gras

Lorsque vous créez un diagramme, suivez les instructions ci-dessous pour qu'il corresponde aux rapports de diagramme existants.

  • Utilisez la largeur par défaut, sauf si le rapport comporte plusieurs diagrammes. Dans ce cas, définissez la largeur de diagramme sur 750 px.
  • Pour utiliser des gradients et des palettes de couleurs, copiez les chaînes du tableau de la section "Styles de rapports globaux" dans la spécification du rapport XML.
  • A titre d'instruction générale, sélectionnez le type de diagramme en fonction des données que vous souhaitez obtenir.
    • Utilisez les diagrammes linéaires comme type de diagramme uniquement si vous avez la certitude que le rapport récupérera des données continues.
    • Si le diagramme comporte plusieurs séries, il est préférable d'utiliser des barres empilées.
    • Il est recommandé d'utiliser des pourcentages uniquement si leur valeur totale est égale à 100 %. Les graphiques circulaires peuvent prêter à confusion lorsque la somme des valeurs ne correspond pas à 100 %.
  • Si le diagramme ne comporte que deux séries et si vous affichez simultanément les axes Y1 et Y2, il est recommandé d'utiliser les deux premières couleurs de la palette pour les libellés des axes.

L'exemple suivant présente un diagramme qui utilise les styles globaux et un formatage supplémentaire.

Styles de diagrammes

Utilisez les styles inclus dans la feuille de style de rapport globale GlobalReportStyles.css pour formater des rapports des diagrammes.

Le tableau suivant présente le formatage provenant de la feuille de style GlobalStyleSheet.css pour les diagrammes :

Le formatage des diagrammes présentée ci-dessous est issue du fichier GlobalStyleSheet.css.

Elément Style
Graphiques 1 point, bordure gris clair
Titres et libellés 10 points, police : gras

Lorsque vous créez un diagramme, suivez les instructions ci-dessous pour qu'il corresponde aux rapports de diagramme existants.

  • Utilisez la largeur par défaut, sauf si le rapport comporte plusieurs diagrammes. Dans ce cas, définissez la largeur de diagramme sur 750 px.
  • Pour utiliser des gradients et des palettes de couleurs, copiez les chaînes du tableau de la section "Styles de rapports globaux" dans la spécification du rapport XML.
  • A titre d'instruction générale, sélectionnez le type de diagramme en fonction des données que vous souhaitez obtenir.
    • Utilisez les diagrammes linéaires comme type de diagramme uniquement si vous avez la certitude que le rapport récupérera des données continues.
    • Si le diagramme comporte plusieurs séries, il est préférable d'utiliser des barres empilées.
    • Il est recommandé d'utiliser des pourcentages uniquement si leur valeur totale est égale à 100 %. Les graphiques circulaires peuvent prêter à confusion lorsque la somme des valeurs ne correspond pas à 100 %.
  • Si le diagramme ne comporte que deux séries et si vous affichez simultanément les axes Y1 et Y2, il est recommandé d'utiliser les deux premières couleurs de la palette pour les libellés des axes.

L'exemple suivant présente un diagramme qui utilise les styles globaux et un formatage supplémentaire.

Formats de date pour la version en français

Si vous utilisez une version globalisée du package de rapports HCL Unica, vous voyez un format de date différent dans les rapports de type graphique selon la langue utilisée. Les rapports de diagrammes Unica Insights utilisent le type de date court.

Le tableau suivant présente les formats de dates des rapports de type graphique pour le français.

Formats de date de rapports Unica Insights de type graphique pour la version anglaise

Environnement local Exemple de format de date des rapports de diagramme Unica Insights
Anglais / English 04/13/2020

Styles de rapports de tableau de bord

Les rapports de tableau de bord utilisent les styles globaux ainsi qu'un formatage manuel.

Veillez à suivre les instructions ci-dessous pour vous assurer que les rapports affichés dans le tableau de bord s'insèrent correctement dans les portlets du tableau de bord.

Elément Style
Couleur d'arrière-plan Conservez le gris (valeur hexadécimale F5F5F5).
min. Indiquez la taille en utilisant si possible des pourcentages. Si vous ne pouvez pas utiliser de pourcentages, définissez la largeur sur 323 pixels et la hauteur sur 175 pixels.
Sous-titres Placez les sous-titres sur la gauche.
Dates Placez les dates sur la droite.
Légendes Centrez les légendes sous le diagramme.
Lignes des graphiques à courbes Afficher les lignes horizontales seulement. Ne pas afficher les lignes verticales.
Couleur des lignes des axes Conservez le noir.
Couleur des lignes de grille Conservez le gris (valeur hexadécimale c8c8c8).
Listes (tables) Affichez au maximum 10 lignes.