Listes SharePoint VI : affichages de vos données de liste

Vue d’ensemble

Icône de liste avec graphique Découvrez comment afficher vos données de liste dans des pages SharePoint. Utilisez le composant WebPart graphique pour créer des histogrammes et des graphiques en secteurs. Apprenez aussi à rendre vos pages interactives à l’aide de composants WebPart filtres.

À la fin de ce cours, vous serez à même d'effectuer les tâches suivantes :

  • créer un composant WebPart qui affiche des données de liste ;

  • connecter deux composants WebPart ;

  • créer un composant WebPart histogramme ;

  • créer un composant WebPart graphique en secteurs ;

  • créer un composant WebPart filtre texte ;

  • créer un composant WebPart qui filtre les données de graphique.

Ce cours comprend :

  • Un cours d’autoformation.

  • Un court test, proposé à la fin du cours. Ce test ne fait pas l’objet d’une évaluation.

  • Un aide-mémoire, que vous pouvez imprimer à la fin du cours.

Ce cours requiert d’avoir déjà utilisé des listes SharePoint, ou vous pouvez suivre les cours Listes I : introduction, Listes II : créer et utiliser différentes listes, Listes III : créer une liste basée sur une feuille de calcul et Listes IV : créer une liste personnalisée.

Voir plus de cours sur Formations Microsoft Office.

Version hors connexion (66,3 Mo)

Introduction

Votre navigateur ne prend pas en charge la vidéo. Installez Microsoft Silverlight, Adobe Flash Player ou Internet Explorer 9.

Insérer un composant WebPart histogramme

Votre navigateur ne prend pas en charge la vidéo. Installez Microsoft Silverlight, Adobe Flash Player ou Internet Explorer 9.

Insérer un composant WebPart graphique en secteurs

Votre navigateur ne prend pas en charge la vidéo. Installez Microsoft Silverlight, Adobe Flash Player ou Internet Explorer 9.

Utiliser un composant WebPart filtre texte

Votre navigateur ne prend pas en charge la vidéo. Installez Microsoft Silverlight, Adobe Flash Player ou Internet Explorer 9.

Affichage d’une liste filtrée dans un graphique SharePoint

Votre navigateur ne prend pas en charge la vidéo. Installez Microsoft Silverlight, Adobe Flash Player ou Internet Explorer 9.

Le secret de la création de bons graphiques

Votre navigateur ne prend pas en charge la vidéo. Installez Microsoft Silverlight, Adobe Flash Player ou Internet Explorer 9.

Contrôle des connaissances

Effectuez le test suivant pour vérifier que vous avez bien compris le cours. Vos réponses sont privées et les résultats du test ne sont pas notés.

Pour afficher des données de liste sur votre page d’accueil SharePoint, vous devez :

Cliquez sur le bouton Modifier, puis insérez un lien hypertexte vers les données de liste.

Faux. Ce type de lien ne vous permettrait pas de voir les données sur votre page. Réessayez.

Cliquez sur le bouton Modifier, puis cliquez sur Modifier les propriétés pour insérer un composant WebPart.

Non, désolé. Modifier les propriétés vous permet de changer le nom de fichier de la page, mais ne vous permet pas d’insérer des données dans la page. Réessayez.

Cliquez sur le bouton Modifier, puis glissez-déplacez les données de liste vers la page.

Désolé, c’est inexact. Vous ne pouvez pas glisser-déplacer des données de liste vers une page d’accueil. Réessayez.

Cliquez sur le bouton Modifier, puis insérez votre composant WebPart.

Correct, un composant WebPart est utilisé pour afficher vos données de liste.

Vous voulez insérer un graphique dans votre page d’accueil. Vous cliquez sur le bouton Modifier, l’onglet Insertion, puis vous cliquez sur le composant WebPart. Parmi les catégories suivantes, sur laquelle cliqueriez-vous pour insérer le composant WebPart Graphique ?

Média et contenu

Non, désolé. Dans la catégorie Média et contenu, vous trouverez des composants WebPart intéressants permettant d’afficher des photos, des vidéos et des images. Mais, malheureusement, le composant WebPart Graphique ne s’y trouve pas. Réessayez.

Données métiers

Oui ! La catégorie Données métiers est celle où se trouve le composant WebPart Graphique.

Listes et bibliothèques

Faux. Dans la catégorie Listes et bibliothèques, vous trouverez des composants WebPart vous permettant d’afficher des données de listes et de bibliothèques. Toutefois, vous n’y trouverez aucune option permettant d’afficher des données dans un graphique. Réessayez.

Filtres

Non, désolé. Dans la catégorie Filtres, vous trouverez des composants WebPart intéressants vous permettant de filtrer des données. Mais, vous n’y trouverez pas le composant WebPart. Réessayez.

Si les données de votre liste se présentaient comme suit, un composant WebPart Graphique permettrait-il d’afficher le coût total pour chaque N° produit ?

N° produitDate d’achatCoût
A-1000015/01/20101 000,00 €
A-1000001/01/20101 000,00 €
B-1000001/02/20101 050,00 €
B-1000015/03/20101 050,00 €
A-1000024/04/20101 000,00 €

Oui, parce qu’il vous donnerait le total des coûts pour chaque N° produit.

Faux. Le composant WebPart Graphique ne permet pas d’additionner des valeurs à ce stade. Réessayez.

Oui, parce que le coût de chaque N° produit est résumé dans la colonne Coût.

Faux. si vous examinez les données de plus près, vous remarquerez que la colonne Coût ne présente pas de total des coûts pour tous les produits A-10000 et B-10000 achetés. Elle répète simplement le coût sur chaque ligne. Réessayez.

Non, parce plusieurs lignes comportent le même N° produit et par conséquent le coût n’est pas résumé.

Oui, c’est correct. La colonne Coût n’affiche pas de total pour chaque N° produit parce qu’il y a plusieurs entrées pour le même N° produit. Par conséquent, le composant WebPart Graphique ne pourra pas vous montrer un coût total. Vous devez créer une liste qui comporte une ligne pour chaque N° produit, et sur cette ligne, disposer d’un coût total dans la colonne Coût.

Non, parce que la colonne Date d’achat est unique pour chaque ligne.

Faux. La colonne Date d’achat ne présente pas d’intérêt par rapport à cette question. En fait, si vous vouliez qu’un composant WebPart indique la quantité achetée chaque jour, ce serait possible. C’est parce qu’il y a des dates répétées dans la colonne Date d’achat. Réessayez.

Vous voulez utiliser un composant WebPart Filtre Texte de sorte que lorsque vous tapez une valeur, un composant WebPart Ventes réagit à votre entrée. Comment pouvez-vous connecter les deux composants WebPart ?

Cliquez sur la petite flèche dans le coin supérieur droit du composant WebPart Filtre Texte, cliquez sur Connexions, puis cliquez sur Obtenir la valeur par défaut à partir de.

Non, c’est inexact. Ce type de connexion obtiendrait une valeur d’un autre composant WebPart et la transmettrait au composant WebPart Filtre Texte. Réessayez.

Cliquez sur la petite flèche dans le coin supérieur droit du composant WebPart Filtre Texte, cliquez sur Connexions, puis cliquez sur Envoyer les valeurs de filtre vers.

C’est exact. C’est ainsi que les entrées dans le composant WebPart Filtre Texte sont transmises au composant WebPart Ventes.

Cliquez sur la petite flèche dans le coin supérieur droit du composant WebPart Ventes, cliquez sur Connexions, puis cliquez sur Envoyer la table vers.

Faux. Cette action enverrait les données du composant WebPart Ventes vers le composant WebPart Filtre Texte. Cette connexion va dans la mauvaise direction. Réessayez.

Cliquez sur la petite flèche dans le coin supérieur droit du composant WebPart Ventes, cliquez sur Connexions, puis cliquez sur Envoyer la ligne de données vers.

Faux. Cette action enverrait les données du composant WebPart Ventes vers le composant WebPart Filtre Texte. Cette connexion va dans la mauvaise direction. Réessayez.

Commentaires

Aide-mémoire

Voir aussi

Afficher les données de liste avec un graphique à barres

  1. Accédez à la page où vous voulez placer le graphique à barres.

  2. Sous l’onglet Page, cliquez sur Modifier ou Modifier la page.

  3. Effectuez l’une des actions suivantes :
    a) Cliquez à un endroit où vous voulez insérer le graphique. Ensuite, sous l’onglet Insertion, cliquez sur Composant WebPart
    b) Cliquez sur Ajouter un composant WebPart

  4. À gauche, cliquez sur Données métiers. À droite, cliquez sur Composant WebPart Graphique, puis cliquez sur Ajouter.

  5. Cliquez sur Données et apparence, puis cliquez sur Connexion du graphique aux données.

  6. Cliquez sur Connexion à une liste, puis cliquez sur Suivant.

  7. Sous Liste, sélectionnez la liste que vous voulez, puis cliquez sur Suivant.

  8. Cliquez sur Suivant.

  9. Choisissez des colonnes pour le Champ Y et le Champ X.

  10. Cliquez sur Terminer.

Afficher les données de liste avec un graphique en secteurs

  1. Accédez à la page où vous voulez placer le graphique en secteurs.

  2. Sous l’onglet Page, cliquez sur Modifier ou Modifier la page.

  3. Effectuez l’une des actions suivantes :
    a) Cliquez à un endroit où vous voulez insérer le graphique. Ensuite, sous l’onglet Insertion, cliquez sur Composant WebPart
    b) Cliquez sur Ajouter un composant WebPart

  4. À gauche, cliquez sur Données métiers. À droite, cliquez sur Composant WebPart Graphique, puis cliquez sur Ajouter.

  5. Cliquez sur Données et apparence, cliquez sur OK, puis cliquez sur Connexion du graphique aux données.

  6. Cliquez sur Connexion à une liste, puis cliquez sur Suivant.

  7. Sous Liste, sélectionnez la liste que vous voulez afficher dans le graphique, puis cliquez sur Suivant.

  8. Cliquez sur Suivant.

  9. Choisissez des colonnes propres pour le Champ Y et le Champ X.

  10. Cliquez sur Terminer.

  11. Cliquez sur Données et apparence, puis cliquez sur Personnaliser votre graphique.

  12. À gauche, cliquez sur Secteurs, puis cliquez sur un modèle de secteurs à droite.

  13. Cliquez sur Suivant.

  14. Sélectionnez un thème, ou spécifiez la largeur, la hauteur, etc.

  15. Cliquez sur Suivant.

  16. Choisissez les options de titre ou de légende, le cas échéant.

  17. Cliquez sur Terminer.

Utiliser un composant WebPart Filtre Texte

Tout d’abord, insérez un composant Web Part simple qui affiche vos données de liste.

  1. Accédez à la page où vous voulez placer le graphique en secteurs.

  2. Sous l’onglet Page, cliquez sur Modifier.

  3. Effectuez l’une des actions suivantes :
    a) Cliquez à un endroit où vous voulez insérer le graphique. Ensuite, sous l’onglet Insertion, cliquez sur Composant WebPart
    b) Cliquez sur Ajouter un composant WebPart

  4. À gauche, cliquez sur Listes et bibliothèques.

  5. À droite, cliquez sur le nom de votre liste ou bibliothèque , et , puis cliquez sur Ajouter.

Ensuite, insérez le composant WebPart Filtre de texte.

  1. Sous l’onglet Page, cliquez sur Modifier.

  2. Effectuez l’une des actions suivantes :
    a) Cliquez à un endroit où vous voulez insérer le graphique. Ensuite, sous l’onglet Insertion, cliquez sur Composant WebPart
    b) Cliquez sur Ajouter un composant WebPart

  3. À gauche, cliquez sur Filtres. À droite, cliquez sur Filtre de texte, puis cliquez sur Ajouter.

  4. Changez le nom du composant WebPart de filtre. Dans le coin supérieur droit du composant WebPart, cliquez sur la petite flèche, puis cliquez sur Modifier le composant WebPart

  5. Sous Nom du filtre, tapez un nom convivial pour le composant WebPart (un autre nom que Filtre Texte).

  6. Sous Titre, tapez un nom convivial pour le composant WebPart (un autre nom que Filtre Texte).

  7. Dans le coin inférieur droit, cliquez sur Appliquer.

  8. Dans le coin supérieur droit du composant WebPart, cliquez sur la petite flèche, cliquez sur Connexions, puis cliquez sur Envoyer les valeurs de filtre à, puis choisissez la liste vers laquelle vous voulez envoyer les valeurs de filtre.

  9. Cliquez sur 2. Configurer la connexion

  10. Pour Nom de champ du consommateur, choisissez la colonne avec laquelle vous voulez comparer la valeur de filtre.

  11. Cliquez sur Terminer.

  12. En bas du volet du composant WebPart, cliquez sur OK pour finaliser les modifications.

  13. Sous l’onglet Page, cliquez sur Enregistrer et fermer.

Développez vos compétences
Découvrez des formations
Accédez aux nouvelles fonctionnalités en avant-première
Rejoignez le programme Office Insider

Ces informations vous ont-elles été utiles ?

Nous vous remercions pour vos commentaires.

Merci pour vos commentaires. Il serait vraisemblablement utile pour vous de contacter l’un de nos agents du support Office.

×