Lektion 2: Hinzufügen von Linien- und Sparklinediagrammen (SSRS)

In dieser Lektion erfahren Sie, wie Sie dem Bericht "Employee_Sales_Summary_2008R2" Berichtselemente hinzufügen, die Antworten auf die folgende Frage für einen AdventureWorks-Vertriebsmitarbeiter liefern:

  • Wo liegen meine Saisonumsätze im Vergleich zu Umsätzen in vorherigen Jahren?

Sie fügen ein Liniendiagramm und ein Sparklinediagramm in eine Matrix eingebettet hinzu, um Jahresvergleichsumsatzdaten aus dem EmployeeSalesYearOverYear2008R2-Dataset visuell darzustellen.

Lernziele

In dieser Lektion führen Sie die folgenden Aufgaben aus:

  • Anzeigen von Umsätzen für jeden Monat für mehrere Jahre in einem Liniendiagramm

  • Visuelles Darstellen derselben Daten in einer Matrix durch Hinzufügen eines geschachtelten Sparklinediagramms

  • Hinzufügen von benutzerdefiniertem Code, um die Farben der Linien in jedem Diagramm so zu steuern, dass dieselbe Farbe dasselbe Jahr darstellt

  • Hinzufügen eines Rechteckcontainers für erklärenden Text, das Liniendiagramm und die Matrix

  • Hinzufügen eines Lesezeichens von Wörtern im Szenariotext zum entsprechenden Datenbereich

Ungefähre Dauer dieses Lernprogramms: 15 Minuten.

Anforderungen

Informationen zu den Anforderungen finden Sie unter Erforderliche Komponenten für AdventureWorks 2008R2-Beispielberichte (SSRS).

Für diese Lektion wird vorausgesetzt, dass Sie Lektion 1: Erstellen freigegebener Datasets und Konfigurieren von Berichtsparametern (SSRS) abgeschlossen haben.

Tipps

Lesen Sie die Tipps zum Konfigurieren von Datenbereichen auf der Entwurfsoberfläche und dem anschließenden Hinzufügen zu Rechtecken. Weitere Informationen finden Sie unter Berichtsentwurfstipps (Report Builder 3.0 und SSRS).

So öffnen Sie das Projekt und den Bericht

  1. Öffnen Sie in Business Intelligence Development Studio das in der vorhergehenden Lektion erstellte Berichtsserverprojekt "AdventureWorks 2008R2-Beispielberichte".

  2. Öffnen Sie den Bericht "Employee_Sales_Summary_2008R2".

So erweitern Sie die Berichtshöhe, um Platz für die Diagramme zu schaffen

  1. Wählen Sie das Rechteck aus, das Informationstext zu Parametern, Datenquellen und Datasets enthält.

  2. Drücken Sie die NACH-UNTEN-TASTE, um das Rechteck auf der Seite nach unten zu verschieben. Die Höhe des Berichts nimmt automatisch zu.

  3. Verwenden Sie nach Bedarf Zoom auf der Symbolleiste Bericht, um die Sicht des Berichtsentwurfsbereichs anzupassen.

So können Sie ein Liniendiagramm hinzufügen und konfigurieren

  1. Fügen Sie unter den Feldern für Szenariotext ein Diagramm ein.

  2. Wählen Sie in Diagrammtyp auswählen mithilfe der QuickInfo das Liniendiagramm aus.

  3. Ziehen Sie das Diagramm auf die linke Seite des Berichts unter das Textfeld mit der Umschaltfläche. Verwenden Sie STRG+Pfeiltasten, um das Diagramm zur richtigen Position zu bewegen.

  4. Überprüfen Sie, ob das Diagramm ausgewählt ist und ob die Diagrammeigenschaften im Eigenschaftenbereich angezeigt werden.

  5. Verwenden Sie UMSCHALT+Pfeiltasten, um die Breite und Höhe des Diagramms auf ungefähr 3,75 Zoll zu erweitern. Erweitern Sie Größe im Eigenschaftenbereich, um die Höhe und Breite zu überprüfen.

  6. Gehen Sie im EmployeeSalesYearOverYear2008R2-Dataset wie folgt vor:

    1. Ziehen Sie im Diagrammdatenbereich Sales in Werte. Dadurch wird die vertikale Achse definiert.

    2. Ziehen Sie Month in Kategoriegruppen. Dadurch wird die horizontale Achse definiert.

    3. Klicken Sie im Bereich "Diagrammdaten" mit der rechten Maustaste auf Month, um Kategoriegruppeneigenschaften zu konfigurieren. Sortieren Sie auf der Seite Sortierung nach MonthNumber. Dies steuert die Sortierreihenfolge auf der horizontalen Achse.

    4. Ziehen Sie Year in Reihengruppen. Damit wird für jedes Jahr eine Zeile hinzugefügt.

  7. Klicken Sie mit der rechten Maustaste auf das Diagramm, bis die Reihe ausgewählt ist, und öffnen Sie Reiheneigenschaften.

  8. Gehen Sie auf der Seite Rahmen wie folgt vor:

    1. Legen Sie die Linienart auf Einfarbig fest.

    2. Legen Sie die Linienstärke auf 2 pt fest.

Linienfarben werden automatisch von einer Standardfarbpalette zugewiesen. Farben werden auf Grundlage der Sortierreihenfolge der Reihengruppe zugewiesen.

So konfigurieren Sie den Diagrammtitel und Achsen

  1. Ändern Sie den Diagrammtitel in Yearly Sales Comparison.

  2. Verschieben Sie die Position der Reihenlegende unter die horizontale Achse.

  3. Löschen Sie den Titel der horizontalen Achse.

  4. Ändern Sie den Titel der vertikalen Achse in In Thousands.

  5. Öffnen Sie die Eigenschaften für vertikale Achsen. Führen Sie Folgendes aus:

    1. Klicken Sie auf der Seite Zahl in Kategorie auf Währung.

    2. Legen Sie Dezimalstellen auf 0 fest.

    3. Wählen Sie 1000er-Trennzeichen verwenden aus.

    4. Klicken Sie im Feld Werte anzeigen in auf Tausender.

  6. Öffnen Sie Eigenschaften für horizontale Achsen. Gehen Sie auf der Seite Achsenoptionen wie folgt vor:

    1. Wählen Sie in AchsentypSkalar (Zahl/Datumsangaben) aus.

    2. Ändern Sie Intervall in 1.

  7. Wählen Sie auf der Seite Bezeichnungen die Option Automatische Anpassung deaktivieren aus, und legen Sie Drehwinkel für Bezeichnungen (Grad) auf 45 fest.

  8. Legen Sie auf der Seite Zahl die Kategorie auf Datum und den Typ auf *1/31/2000 fest.

So fügen Sie eine Matrix hinzu

  1. Fügen Sie unter dem Liniendiagramm eine Matrix ein.

  2. Richten Sie die linke Seite der Matrix an der linken Seite des Liniendiagramms aus.

  3. Gehen Sie im EmployeeSalesYearOverYear-Dataset wie folgt vor:

    1. Ziehen Sie Year in Zeilen.

    2. Ziehen Sie Sales in Daten. Formatieren Sie das Textfeld als Währung.

    3. Formatieren Sie die Kopfzeile nach Bedarf.

  4. Wählen Sie die Matrix aus. Legen Sie im Eigenschaftenbereich Lesezeichen auf MatrixwithNestedSparkline fest.

  5. Formatieren Sie den Matrixheader nach Bedarf.

So fügen Sie einer Tablix-Zelle eine geschachtelte Sparkline hinzu

  1. Klicken Sie in der Matrix mit der rechten Maustaste auf die Spalte "Sales", zeigen Sie auf Spalte einfügen, und klicken Sie auf Außerhalb von Gruppe - Rechts.

  2. Erweitern Sie die Breite mithilfe des Spaltenziehpunkts, um sie an der rechten Seite des Diagramms auszurichten.

  3. Klicken Sie mit der rechten Maustaste in der zweiten Zeile auf die letzte Zelle, zeigen Sie auf Einfügen, klicken Sie auf Sparkline, und fügen Sie Linie mit Datenpunkten mithilfe der QuickInfo hinzu.

  4. Gehen Sie zum Konfigurieren des Sparklinediagramms wie folgt vor:

    1. Ziehen Sie Sales aus dem EmployeeSalesYearOverYear-Dataset in Werte.

    2. Ziehen Sie Month in Kategoriegruppen.

    3. Klicken Sie mit der rechten Maustaste auf Month, um das Dialogfeld Kategoriegruppeneigenschaften zu öffnen.

    4. Wählen Sie auf der Seite Allgemein in Gruppen synchronisieren in die Option Tablix1 aus. Die Kategorieachse für jede Sparkline verwendet denselben Minimal- und Maximalwert auf Grundlage aller Gruppendaten in der Matrix statt der Gruppendaten separat für jede Zeile.

    5. Legen Sie auf der Seite Sortierung den Ausdruck für Sortieren nach auf [MonthNumber] fest.

Für eine geschachtelte Sparkline gibt es nur eine Reihengruppe in Bereich, daher basiert die Farbe für jede Zeile auf der ersten Farbe aus der Standardfarbpalette.

Im nächsten Schritt fügen Sie benutzerdefinierten Code hinzu, um die Reihenfolge von Farben zu steuern, die einer Reihengruppe auf Grundlage des Gruppierungsausdrucks zugewiesen wurden. Auf diese Weise hat die Zeile für jedes Jahr sowohl im Liniendiagramm als auch im Sparklinediagramm dieselbe Farbe.

So passen Sie die Linienfarben im Liniendiagramm und der Sparkline an

  1. Fügen Sie in den Eigenschaften für Bericht auf der Seite Code dem Bericht den folgenden benutzerdefinierten Code hinzu:

    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
    

    In diesem Beispiel gibt es nur drei Jahre an Daten, sodass nur drei Farben definiert werden.

  2. Klicken Sie im Liniendiagramm mit der rechten Maustaste auf die Linien, bis die Diagrammreihe im Eigenschaftenbereich angezeigt wird, und klicken Sie dann auf Reiheneigenschaften.

  3. Geben Sie auf der Seite Ausfüllen unter Farbe den folgenden Ausdruck ein:

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

  4. Wiederholen Sie Schritt 2 und 3 für das Sparklinediagramm.

  5. Zeigen Sie eine Vorschau des Berichts an.

Die Linienfarbe für jedes Jahr stimmt im Liniendiagramm und in der Sparkline überein.

So fügen Sie einen Rechteckcontainer hinzu

  1. Klicken Sie mit der rechten Maustaste auf den Textkörper des Berichts, zeigen Sie auf Einfügen, und klicken Sie auf Rechteck.

  2. Ändern Sie in Rechteckeigenschaften den Namen in rectCharts.

  3. Fügen Sie dem Rechteck das Textfeld "tbChartPurpose" mit dem folgenden Text hinzu: Compare seasonal sales by year.

  4. Formatieren Sie nach Bedarf.

  5. Wählen Sie das Liniendiagramm aus. Ziehen Sie die linke obere Ecke des Diagramms in das Rechteck. Das Rechteck wird erweitert, um das Diagramm aufzunehmen.

  6. Ziehen Sie das untere Handle des Rechtecks nach unten. Um das Rechteck auszuwählen, klicken Sie auf das Diagramm, und drücken Sie ESC, bis die Symbolleiste des Eigenschaftenbereichs "Rectangle1" als ausgewähltes Objekt anzeigt.

  7. Ziehen Sie die linke obere Ecke der Matrix in das Rechteck unterhalb des Diagramms.

  8. Positionieren Sie das Diagramm und die Matrix im Rechteck.

  9. Legen Sie im Eigenschaftenbereich für das Rechteck Lesezeichen auf YearlySalesRectangle fest.

  10. Verschieben Sie das Rechteck unter das Umschalttextfeld.

Verwenden Sie Rechtecke als Container, um das Positionieren mehrerer verknüpfter Berichtselemente zu erleichtern.

  1. Klicken Sie auf das Textfeld tbScenario, bis der gesamte Text angezeigt wird.

  2. Markieren Sie das Wort line, klicken Sie mit der rechten Maustaste, und öffnen Sie das Dialogfeld Texteigenschaften.

  3. Legen Sie auf der Seite Schriftart die Farbe auf Blau und Effekte auf Unterstrichen fest.

  4. Klicken Sie auf der Seite Aktion auf Gehe zu Lesezeichen.

  5. Geben Sie in Lesezeichen auswählenYearlySalesRectangle ein.

  6. Wiederholen Sie die Schritte 2 bis 4 für das Wort sparkline.

  7. Geben Sie in Lesezeichen auswählenMatrixwithNestedSparkline ein.

So können Sie den Bericht in der Vorschau anzeigen und überprüfen

  1. Zeigen Sie eine Vorschau des Berichts an.

  2. Überprüfen Sie Folgendes:

    1. Die Bezeichnung, das Liniendiagramm und die Matrix mit der geschachtelten Sparkline haben die gleiche Breite und sind in einem Rechteckcontainer aneinander ausgerichtet.

    2. Im Zeilen- und Sparklinediagramm werden die gleichen Daten angezeigt. Zum Beispiel treten Umsätze von 2005 nur während der zweiten Jahreshälfte auf.

    3. Die Linienfarben auf dem Liniendiagramm und der Sparkline zeigen die Umsatzdaten nach Jahr wie folgt an: Blau für 2005, Orange für 2006, Grün für 2007.

    4. Schalten Sie den Szenariotext um, und klicken Sie dann auf line. Der Bericht wechselt zu der Seite, die das Rechteck mit dem Liniendiagramm enthält.

    5. Führen Sie einen Bildlauf zum Anfang des Berichts durch. Klicken Sie im Szenariotext auf sparkline. Der Bericht wechselt zur Seite, die die Matrix mit der geschachtelten Sparkline enthält.