Partager via

  • Article

Leçon 2 : Ajout de graphiques en courbes et sparkline (SSRS)

Dans cette leçon, vous allez apprendre à ajouter des éléments de rapport au rapport Employee_Sales_Summary_2008R2 qui permettent de répondre à la question suivante pour un vendeur AdventureWorks :

  • Quelle est la différence entre mes ventes saisonnières et les ventes des années précédentes ?

Vous ajouterez un graphique en courbes et un graphique sparkline incorporés dans une matrice pour visualiser les données de ventes d'une année sur l'autre à partir du dataset EmployeeSalesYearOverYear2008R2.

Contenu du didacticiel

Dans cette leçon, vous effectuerez les tâches suivantes :

  • Afficher les ventes de chaque mois pour plusieurs années sur un graphique en courbes.

  • Visualiser les mêmes données dans une matrice en ajoutant un graphique sparkline imbriqué.

  • Ajouter un code personnalisé pour contrôler les couleurs des courbes dans chaque graphique afin que la même couleur représente la même année.

  • Ajouter un conteneur rectangle pour le texte explicatif, le graphique en courbes et la matrice.

  • Ajouter un signet à partir de mots figurant dans le texte de scénario à la région de données correspondante.

Durée estimée pour effectuer ce didacticiel : 15 minutes.

Conditions requises

Pour plus d'informations sur les conditions requises, consultez Composants requis pour les exemples de rapports AdventureWorks 2008R2 (SSRS).

Cette leçon suppose que vous avez terminé Leçon 1 : création de datasets partagés et configuration de paramètres de rapport (SSRS).

Conseils

Examinez les conseils sur la configuration en premier lieu des régions de données sur l'aire de conception avant de les ajouter aux rectangles. Pour plus d'informations, consultez Conseils pour la conception de rapports (Générateur de rapports version 3.0 et SSRS).

Pour ouvrir le projet et le rapport

  1. Dans Business Intelligence Development Studio, ouvrez les exemples de rapports AdventureWorks 2008R2 du projet Report Server que vous avez créés dans la leçon précédente.

  2. Ouvrez le rapport Employee_Sales_Summary_2008R2.

Pour agrandir la hauteur de rapport afin de créer de l'espace pour les graphiques

  1. Sélectionnez le rectangle qui contient le texte informatif relatif aux paramètres, aux sources de données et aux datasets.

  2. Appuyez sur la touche de direction Bas pour déplacer le rectangle en bas de la page. La hauteur du rapport augmente automatiquement.

  3. Si nécessaire, utilisez Zoom sur la barre d'outils Rapport pour ajuster l'affichage de la zone de conception de rapport.

Pour ajouter et configurer un graphique en courbes

  1. Insérez un Graphique sous les zones de texte de scénario.

  2. Dans Sélectionner un type de graphique, utilisez l'Info-bulle pour choisir le graphique en Courbes.

  3. Faites glisser le graphique vers le côté gauche du rapport, sous la zone de texte avec la bascule. Utilisez CTRL + les touches de direction pour déplacer le graphique vers l'emplacement approprié.

  4. Vérifiez que le graphique est sélectionné et que ses propriétés s'affichent dans le volet Propriétés.

  5. Utilisez MAJ + les touches de direction pour étendre la largeur et la hauteur du graphique à environ 3,75 pouces. Dans le volet Propriétés, développez Taille pour vérifier la hauteur et la largeur.

  6. Dans le dataset EmployeeSalesYearOverYear2008R2, procédez comme suit :

    1. Faites glisser Sales jusqu'à Valeurs dans le volet Données du graphique. Vous définissez ainsi l'axe vertical.

    2. Faites glisser Month jusqu'à Groupes de catégories. Vous définissez ainsi l'axe horizontal.

    3. Dans le volet Données du graphique, cliquez avec le bouton droit sur Month pour configurer les Propriétés du groupe de catégories. Dans la page Tri, effectuez le tri sur MonthNumber. Vous contrôlez ainsi l'ordre de tri sur l'axe horizontal.

    4. Faites glisser Year jusqu'à Groupes de séries. Vous ajoutez ainsi une courbe pour chaque année.

  7. Cliquez avec le bouton droit sur le graphique jusqu'à ce que la série soit sélectionnée, puis ouvrez Propriétés de la série.

  8. Dans la page Bordure, procédez comme suit :

    1. Affectez à Style de ligne la valeur Plein.

    2. Affectez à Largeur de ligne la valeur 2 pt.

Les couleurs des courbes sont affectées automatiquement à partir d'une palette de couleurs par défaut. Les couleurs sont affectées en fonction de l'ordre de tri du groupe de séries.

Pour configurer le titre et les axes du graphique

  1. Remplacez le titre du graphique par Comparaison des ventes annuelles.

  2. Positionnez l'emplacement de la légende de série sous l'axe horizontal.

  3. Supprimez le titre de l'axe horizontal.

  4. Remplacez le titre de l'axe vertical par En milliers.

  5. Ouvrez Propriétés de l'axe vertical. Procédez comme suit :

    1. Dans la page Nombre, dans Catégorie, cliquez sur Devise.

    2. Affectez à Nombre de décimales la valeur 0.

    3. Sélectionnez Utiliser le séparateur de milliers.

    4. Sélectionnez Afficher les valeurs en et choisissez Milliers.

  6. Ouvrez Propriétés de l'axe horizontal. Dans la page Options de l'axe, procédez comme suit :

    1. Dans Type de l'axe, sélectionnez Scalaire (nombres/dates).

    2. Remplacez la valeur d'Intervalle par 1.

  7. Dans la page Étiquettes, sélectionnez Désactiver l'ajustement automatique et affectez à Angle de rotation des étiquettes (degrés) la valeur 45.

  8. Dans la page Nombre, affectez à Catégorie la valeur Date et à Type la valeur *1/31/2000.

Pour ajouter une matrice

  1. Insérez une Matrice sous le graphique en courbes.

  2. Alignez le côté gauche de la matrice sur le côté gauche du graphique en courbes.

  3. Dans le dataset EmployeeSalesYearOverYear, procédez comme suit :

    1. Faites glisser Year jusqu'à Lignes.

    2. Faites glisser Sales jusqu'à Données. Appliquez à la zone de texte le format Devise.

    3. Mettez en forme la ligne d'en-tête autant que nécessaire.

  4. Sélectionnez la matrice. Dans le volet Propriétés, affectez à Signet la valeur MatrixwithNestedSparkline.

  5. Mettez en forme l'en-tête de matrice, si nécessaire.

Pour ajouter un graphique sparkline imbriqué à une cellule de tableau matriciel

  1. Dans la matrice, cliquez avec le bouton droit sur la colonne Sales, pointez sur Insérer une colonne et cliquez sur En dehors du groupe - À droite.

  2. Saisissez la poignée de colonne et augmentez la largeur pour appliquer l'alignement sur la droite côté du graphique.

  3. Cliquez avec le bouton droit sur la dernière cellule dans la deuxième ligne, pointez sur Insérer, cliquez sur Graphique sparkline et utilisez l'Info-bulle pour ajouter des Courbes avec marqueurs.

  4. Pour configurer le graphique sparkline, procédez comme suit :

    1. Dans le dataset EmployeeSalesYearOverYear, faites glisser Sales jusqu'à Valeurs.

    2. Faites glisser Month jusqu'à Groupes de catégories.

    3. Cliquez avec le bouton droit sur Month pour ouvrir la boîte de dialogue Propriétés du groupe de catégories.

    4. Dans la page Général, dans Synchroniser les groupes dans, sélectionnez Tablix1. L'axe des abscisses de chaque graphique sparkline utilisera les mêmes valeurs minimale et maximale basées sur toutes les données du groupe dans la matrice plutôt que sur les données du groupe indépendamment pour chaque ligne.

    5. Dans la page Tri, affectez à l'expression Trier par la valeur [MonthNumber].

Pour un graphique sparkline imbriqué, étant donné qu'il n'y a qu'un seul groupe de séries dans l'étendue, la couleur de chaque courbe est basée sur la première couleur de la palette de couleurs par défaut.

À l'étape suivante, vous allez ajouter du code personnalisé pour contrôler l'ordre des couleurs affectées à un groupe de séries en fonction de l'expression de groupe. Ainsi, la courbe pour chaque année sera de la même couleur aussi bien dans le graphique en courbes que dans le graphique sparkline.

Pour mettre en correspondance les couleurs des courbes dans le graphique en courbes et dans le graphique sparkline

  1. Dans Propriétés du rapport, dans la page Code, ajoutez le code personnalisé suivant au rapport :

    Private colorPalette As String() = {"Blue", "Orange", "Green"}
    Private count As Integer = 0
    Private mapping As New System.Collections.Hashtable()
    Public Function GetColor(ByVal groupingValue As String) As String
       If groupingValue = Nothing Then 
          Return "Black" 
       End If
        If mapping.ContainsKey(groupingValue) Then
            Return mapping(groupingValue)
        End If
        Dim c As String = colorPalette(count Mod colorPalette.Length)
        count = count + 1
        mapping.Add(groupingValue, c)
        Return c
    End Function

    Dans cet exemple, comme il y a uniquement trois années de données, seules trois couleurs sont définies.

  2. Sur le graphique en courbes, cliquez avec le bouton droit sur les courbes jusqu'à ce que la série de graphique s'affiche dans le volet Propriétés, puis cliquez sur Propriétés de la série.

  3. Dans la page Remplissage, dans Couleur, entrez l'expression suivante :

    =IIF(Fields!Year.Value IS NOTHING,"Black",Code.GetColor(Fields!Year.Value))

  4. Répétez les étapes 2 et 3 pour le graphique sparkline.

  5. Affichez l'aperçu du rapport.

La couleur de courbe pour chaque année est la même dans le graphique en courbes et dans le graphique sparkline.

Pour ajouter un conteneur rectangle

  1. Cliquez avec le bouton droit sur le Corps du rapport, pointez sur Insérer, puis cliquez sur Rectangle.

  2. Dans Propriétés du rectangle, remplacez la valeur Nom par rectCharts.

  3. Ajoutez au rectangle une zone de texte nommée tbChartPurpose avec le texte suivant : Comparer les ventes saisonnières par année.

  4. Mettez en forme le texte autant que nécessaire.

  5. Sélectionnez le graphique en courbes. Faites glisser l'angle supérieur gauche du graphique dans le rectangle. Le rectangle se développe pour inclure le graphique.

  6. Saisissez la poignée inférieure du rectangle, et faites-la glisser vers le bas. Pour sélectionner le rectangle, cliquez sur le graphique et appuyez sur Échap jusqu'à ce que la barre d'outils du volet Propriétés affiche Rectangle1 comme objet sélectionné.

  7. Faites glisser l'angle supérieur gauche de la matrice dans le rectangle sous le graphique.

  8. Positionnez le graphique et la matrice à l'intérieur du rectangle.

  9. Dans le volet Propriétés pour le rectangle, affectez à Signet la valeur YearlySalesRectangle.

  10. Déplacez le rectangle sous la zone de texte de bascule.

Utilisez des rectangles comme conteneurs pour simplifier le positionnement de plusieurs éléments de rapport associés.

Pour ajouter un lien du texte vers un signet

  1. Cliquez sur la zone de texte tbScenario jusqu'à ce que tout le texte s'affiche.

  2. Mettez en surbrillance le mot courbes, cliquez avec le bouton droit et ouvrez la boîte de dialogue Propriétés du texte.

  3. Dans la page Police, affectez à Couleur la valeur Bleu et à Effets la valeur Souligné.

  4. Dans la page Action, cliquez sur Atteindre le signet.

  5. Dans Sélectionner un signet, entrez YearlySalesRectangle.

  6. Répétez les étapes 2 à 4 pour le mot sparkline.

  7. Dans Sélectionner un signet, tapez MatrixwithNestedSparkline.

Pour afficher un aperçu du rapport et le vérifier

  1. Affichez l'aperçu du rapport.

  2. Vérifiez les éléments suivants :

    1. L'étiquette, le graphique en courbes et la matrice avec le graphique sparkline imbriqué sont de la même largeur et alignés les uns par rapport aux autres dans un conteneur rectangle.

    2. Le graphique en courbes et le graphique sparkline affichent tous les deux les mêmes données. Par exemple, les ventes pour 2005 se produisent seulement pendant la dernière moitié de l'année.

    3. Les couleurs des courbes sur le graphique en courbes et le graphique sparkline montrent l'affichage suivant pour les données de ventes par année : Bleu pour 2005, Orange pour 2006, Vert pour 2007.

    4. Basculez le texte de scénario, puis cliquez sur courbes. Le rapport accède à la page qui contient le rectangle avec le graphique en courbes.

    5. Faites défiler l'affichage vers le haut du rapport. Dans le texte de scénario, cliquez sur sparkline. Le rapport accède à la page qui contient la matrice avec le graphique sparkline imbriqué.