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

Diagramme de réseau

Le diagramme de réseau (Network chart) vous permet, à partir d'un jeu de données, de tracer sur une feuille un réseau de nœuds et d'arêtes connectés. Un diagramme de réseau montre la façon dont les informations circulent, le mode d'interaction entre les composants et l'emplacement des composants dans le réseau. Le diagramme de réseau est inclus dans le Visualization bundle.

Un diagramme de réseau peut offrir une vue d'ensemble générale ou un aperçu très détaillé. Les nœuds représentent les composants du système, tandis que les arêtes indiquent la circulation des informations d'un composant à l'autre. Les nœuds du réseau sont connectés aux nœuds avec lesquels ils entretiennent le plus d'interactions. Cette visualisation utilise différents styles, couleurs, tailles et images pour représenter plusieurs niveaux d'un réseau.

Interagissez avec le diagramme de réseau en effectuant des sélections une par une.

Présentation de son contenu

Vous devez définir trois dimensions, avec une quatrième en option :

  • Identificateur de nœud : cette dimension contrôle les nœuds présentés dans le graphique.
  • Étiquette de nœud : cette dimension définit l'étiquette de chaque nœud.
  • Parent du nœud : cette dimension définit le parent d'un nœud et contrôle les relations entre les nœuds. Elle doit contenir la valeur de l'identificateur de nœud du parent pour établir la connexion.
  • Groupe de nœuds : cette dimension permet de grouper des nœuds. Tous les nœuds du même groupe seront de même couleur.

Vous pouvez utiliser jusqu'à trois mesures pour améliorer le diagramme. Toutes les mesures sont facultatives, mais vous devez les ajouter dans l'ordre suivant :

  1. Infobulle : vous pouvez définir une valeur de mesure qui s'affiche dans une infobulle lorsque vous pointez sur le nœud à l'aide de la souris.
  2. Taille du nœud : vous pouvez définir la taille du nœud d'après une mesure.
  3. Taille des bords : vous pouvez définir la largeur des lignes reliant les nœuds en fonction d'une mesure.
Note InformationsVous devez ajouter une infobulle avant de pouvoir définir la taille du nœud. Il est possible de définir la taille des bords après avoir ajouté une infobulle et défini la taille du nœud.

Cas d'utilisation

Les diagrammes de réseau peuvent servir à illustrer des réseaux informatiques ou de télécommunications. Ils affichent les composants d'un réseau et leurs interactions. Par exemple, un groupe d'ordinateurs, d'imprimantes, de modems, de hubs et de routeurs connectés entre eux. L'utilisation de ce type de graphique est indiquée dans les cas suivants :

  • Planification de la structure d'un réseau
  • Coordination des mises à jour d'un réseau existant
  • Signalement et résolution des problèmes réseau
  • Suivi des composants
  • Référencement de la documentation détaillée d'un réseau

Formatage des données

Un diagramme de réseau exige que les données soient structurées de manière cohérente selon un modèle de données de réseau dans lequel chaque enregistrement peut compter plusieurs enfants et parents. Chaque enregistrement doit au minimum contenir les éléments suivants :

  • Un champ qui identifie le nœud, l'identificateur du nœud. Les valeurs de l'identificateur du nœud doivent être des valeurs entières, commençant à partir de 0 dans un ordre séquentiel.
  • Un champ contenant le nom du nœud.
  • Un champ qui définit le nœud parent. Cette valeur doit correspondre à l'identificateur du nœud d'un autre nœud. Si ce champ est vide et qu'aucun autre enregistrement ne fait référence à ce nœud, un nœud déconnecté est créé.
Note ConseilVous pouvez également utiliser un modèle de données hiérarchiques dans lequel chaque nœud comprend un parent unique. Vous obtiendrez alors un diagramme de forme arborescente.

Voici quelques exemples de données que vous pouvez enregistrer dans un éditeur de texte et charger dans une nouvelle application. Vous devez charger les deux exemples de fichiers. L'exemple illustre des flux de passagers entre différents aéroports.

  • ID est l'identificateur d'un nœud d'aéroport.
  • Name est le nom d'un nœud d'aéroport. Il est utilisé comme étiquette pour le nœud.
  • LinkTo contient l'identificateur de nœud du nœud parent.
  • Group définit le groupe d'un nœud. Permet de colorer les nœuds en fonction du groupe.
  • Volume correspond au volume des flux de passagers entre ID et LinkTo. Il peut servir de mesure pour la taille des bords.
  • NodeVolume correspond au volume total des flux de passagers pour un nœud. Il est chargé dans une table distincte, car le graphique ne peut pas agréger les volumes automatiquement.

Airports1.csv

ID;Name;LinkTo;Group;Volume 0;Frankfurt;;0; 1;London;0;1;5 2;Madrid;0;1;4 2;Madrid;1;1;8 3;Warsaw;0;1;7 4;Arlanda;0;1;1 3;Warsaw;1;1;5 4;Arlanda;1;1;6 5;Tunis;0;2;8 5;Tunis;2;2;4 6;Berlin;0;1;6 6;Berlin;4;1;4 7;Rome;0;1;6 7;Rome;6;1;3 8;San Francisco;0;3;2 9;New York;0;3;9

Airports2.csv

ID,NodeVolume 0,48 1,24 2,16 3,12 4,11 5,12 6,13 7,9 8,2 9,9

Création d'un diagramme de réseau

Cet exemple de diagramme de réseau illustre les connexions des différents aéroports à travers le monde d'après le jeu de données de base. Il fait appel au jeu de données échantillon provenant de la section Formatage des données. Préparez-vous en enregistrant le jeu de données échantillon dans un fichier texte, en créant une application et en chargeant le jeu de données échantillon.

  1. Dans le panneau des ressources en mode d'édition avancé, ouvrez Objets personnalisés > Visualization bundle et faites glisser un objet Diagramme de réseau sur la feuille.
  2. Cliquez sur le bouton Ajouter une dimension situé en haut et sélectionnez l'ID comme identificateur de nœud.
  3. Cliquez sur le deuxième bouton Ajouter une dimension et sélectionnez Nom comme étiquette de nœud.
  4. Cliquez sur le troisième bouton Ajouter une dimension et sélectionnez LinkTo (Lier à) comme nœud parent.
  5. Cliquez sur Données dans le panneau des propriétés. Cliquez sur le bouton Ajouter situé sous Node group (Groupe de nœuds) et sélectionnez Group (Groupe) comme dimension de groupe.
  6. Sous Mesure, cliquez sur le bouton Ajouter situé sous Tooltip (Infobulle), puis sélectionnez Volume > Sum(NodeVolume).
  7. Cliquez sur le bouton Ajouter situé sous Node size (Taille du nœud), puis sélectionnez Volume > Sum(NodeVolume).
  8. Cliquez sur le bouton Ajouter situé sous Edge size (Taille des bords), puis sélectionnez Volume > Sum(Volume).

    Le graphique s'affiche :

    Graphique comportant quatre dimensions et trois mesures dans un type d'arête dynamique, avec des nœuds sous forme de points et des valeurs de courbe visibles.

Modification de l'aspect du graphique

Il est possible de personnaliser un graphique à l'aide d'une ou de plusieurs caractéristiques.

Configuration du type d'arête

Vous pouvez configurer la forme de la courbe entre les nœuds du graphique sous Paramètres > Type d'arête dans le panneau des propriétés. Sélectionnez l'option de forme des courbes du graphique dans le menu.

 

Graphique présentant un type d'arête (de courbe) dynamique.

Graphique présentant un type d'arête (de courbe) dynamique.

Le même graphique avec des arêtes courbes dans le sens inverse des aiguilles d'une montre.

Le même graphique avec des arêtes courbes dans le sens inverse des aiguilles d'une montre.

Affichage/masquage de la valeur des arêtes

La valeur des arêtes représente la valeur des courbes séparant les nœuds du graphique et leur largeur. Cette option masque la valeur numérique de chaque courbe. Pour masquer la valeur, déplacez vers la gauche le bouton coulissant situé sous Paramètres > Display edge value (Afficher la valeur des arêtes) dans le panneau des propriétés afin de désactiver l'option.

Configuration de l'étiquette des arêtes

La valeur d'étiquette des arêtes correspond à la valeur numérique de chaque courbe du graphique. Vous pouvez masquer les étiquettes ou modifier leur position.

  • Masquer la valeur de l'étiquette des arêtes : cette option masque l'étiquette des arêtes du diagramme de réseau. Déplacez le bouton coulissant sous Paramètres > Display edge value (Afficher la valeur des arêtes) dans le panneau des propriétés.

  • Position de l'étiquette des arêtes : cette option permet de définir l'emplacement d'affichage de la valeur d'arête sur chaque courbe du graphique, par exemple au-dessus ou en dessous. Sélectionnez l'option appropriée dans le menu.

Configuration de la forme des nœuds

Vous pouvez personnaliser la forme des nœuds en choisissant, par exemple : point, carré, losange ou triangle. Accédez à Paramètres > Node shape (Forme du nœud) dans le panneau des propriétés, puis sélectionnez la forme du nœud dans le menu.

Affichage/masquage de l'option d'ombre

Cette option vous permet de désactiver les effets d'ombre projetée derrière les courbes et les nœuds du graphique (afin de mettre en évidence l'arrière-plan). Déplacez le bouton coulissant sous Paramètres > Display shadow (Afficher l'ombre) dans le panneau des propriétés.

Tri

Le tri est défini sur Auto. De cette façon, le système choisit l'ordre de tri par défaut (sous Tri > dimension ou mesure choisie dans le panneau des propriétés) de toutes les dimensions et mesures. Vous pouvez les modifier individuellement par expression.

  1. Ouvrez le menu des dimensions ou des mesures sous Tri dans le panneau des propriétés.
  2. Déplacez vers la gauche le bouton coulissant Tri pour passer de l'option Auto à l'option Personnalisé(es).
  3. Cochez la case Trier par expression.
  4. Saisissez une chaîne d'ordre de tri sous Expression, puis appuyez sur Entrée. Vous pouvez également modifier la couleur à l'aide d'une expression dans l'éditeur d'expression (Expression).
  5. Choisissez l'ordre de départ en sélectionnant Croissant ou Décroissant dans le menu situé en dessous.

Formatage des nombres

Il est possible de formater la valeur de mesure. Vous pouvez appliquer différents formatages à la même valeur, tels que devise, date ou durée. Le graphique est mis à jour de façon à refléter la modification du type de nombre.

  1. Cliquez sur Données > Mesures dans le panneau des propriétés et sélectionnez la mesure voulue.
  2. Sélectionnez le formatage des nombres approprié dans le menu Formatage des nombres.
  3. Saisissez les détails dans les champs du panneau. Ceux-ci s'affichent lorsque vous choisissez une autre option qu'Auto lors de la configuration du graphique.

Utilisation du panneau de styles pour personnaliser davantage l'aspect

Lorsque Options avancées est activé, vous disposez d'un certain nombre d'options de style sous Aspect dans le panneau des propriétés.

Cliquez sur Styles sous Aspect > Présentation pour personnaliser davantage le style du graphique. Vous pouvez réinitialiser vos styles en cliquant sur à côté de chaque section. Un clic sur Réinitialiser tout réinitialise les styles de tous les onglets disponibles dans le panneau de style.

Pour des informations générales sur la définition du style d'une visualisation individuelle, voir Application d'un style personnalisé à une visualisation.

Personnalisation du texte

Vous pouvez définir le texte du titre, du sous-titre et de la note de bas de page sous Aspect > Général. Pour masquer ces éléments, désactivez Afficher les titres.

La visibilité des différentes étiquettes du graphique dépend des options d'affichage des étiquettes et des paramètres propres au graphique. Il est possible de configurer ces options dans le panneau des propriétés.

Vous pouvez définir le style du texte qui apparaît sur le graphique.

  1. Cliquez sur Options avancées.

  2. Dans le panneau des propriétés, développez la section Aspect.

  3. Sous Aspect > Présentation, cliquez sur Styles.

  4. Dans l'onglet Général, définissez la police, le style d'accentuation, la taille de police et la couleur des éléments de texte suivants :

    • Titre

    • Sous-titre

    • Note de bas de page

Personnalisation de l'arrière-plan

Vous pouvez personnaliser l'arrière-plan du graphique. Pour l'arrière-plan, il est possible de définir une couleur et une image.

  1. Cliquez sur Options avancées.

  2. Dans le panneau des propriétés, développez la section Aspect.

  3. Sous Aspect > Présentation, cliquez sur Styles.

  4. Dans l'onglet Général du panneau de styles, vous pouvez sélectionner une couleur d'arrière-plan (une seule couleur ou expression). Vous pouvez également définir l'arrière-plan sur une image de votre bibliothèque multimédia ou d'une URL.

    Note Informations

    Pour pouvoir ajouter une image d'arrière-plan à partir d'une URL, il faut que l'origine de l'URL soit ajoutée à la liste verte de la stratégie de sécurité de contenu de votre client. L'origine doit être ajoutée avec la directive suivante : img-src. Cette opération est effectuée par un administrateur de clients.

    Pour plus d'informations, consultez Création d'une entrée CSP.

    Lors de l'utilisation d'une couleur d'arrière-plan, utilisez le curseur pour régler l'opacité de l'arrière-plan.

    Lors de l'utilisation d'une image d'arrière-plan, vous pouvez ajuster la taille et la position de l'image.

Personnalisation de la bordure et de l'ombre

Vous pouvez personnaliser la bordure et l'ombre du graphique.

  1. Cliquez sur Options avancées.

  2. Dans le panneau des propriétés, développez la section Aspect.

  3. Sous Aspect > Présentation, cliquez sur Styles.

  4. Dans l'onglet Général du panneau de style, sous Bordure, ajustez la taille Contour pour augmenter ou diminuer les lignes de bordure autour du graphique.

  5. Sélectionnez une couleur pour la bordure.

  6. Ajustez le Rayon d'angle pour contrôler l'arrondi de la bordure.

  7. Sous Ombre dans l'onglet Général, sélectionnez une taille et une couleur d'ombre. Pour supprimer l'ombre, sélectionnez Aucune.

Restrictions

Pour plus d'informations sur les limitations générales, voir Limitations.

  • Il n'est pas possible d'utiliser les visualisations de diagramme de réseau dans les rapports Qlik NPrinting.
  • La taille maximale du jeu de données affiché dans le diagramme de réseau est de 1 400 lignes. Si le jeu de données sélectionné est supérieur, il est possible d'omettre des nœuds et des liens du diagramme.

    Pour limiter le jeu de données, utilisez un jeu de données plus petit ou des sélections.

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 !