Lernprogramm: Datenbindung eines Diagramms an eine Datenbank (Diagrammsteuerelemente)

Artikel
02/27/2011

Dieses Lernprogramm veranschaulicht, wie Sie Daten aus einer Datenbank binden, wie Sie QuickInfos verwenden und wie Sie die Achsenbezeichnungen im Diagramm anpassen.

Um dieses Lernprogramm bearbeiten zu können, muss die AdventureWorks2008-OLTP-Beispieldatenbank in einer Instanz von SQL Server (z. B. SQL Server 2008 Express) installiert sein. Rufen Sie zum Installieren der Beispieldatenbank die Website www.codeplex.com auf.

Binden von Daten aus einer Datenbank

Sie binden zuerst Daten aus einem Datenquellensteuerelement an das Diagrammsteuerelement und binden dann bestimmte Spalten aus der Datenquelle an den X- und Y-Wert einer Reihe.

So binden Sie Daten aus einer Datenbank an ein Diagramm

Ziehen Sie in der Entwurfsoberfläche der Windows Forms- oder Webanwendung das Diagrammsteuerelement aus der Toolbox, und legen Sie es ab:
Klicken Sie im Fenster Eigenschaften des Diagrammsteuerelements in der Kategorie Daten auf die Eigenschaft DataSourceID (ASP.NET) oder DataSource (Windows Forms), klicken Sie dann auf den Dropdown-Pfeil, und wählen Sie <Neue Datenquelle>.
Wählen Sie auf der Seite Datenquellentyp auswählen die Option Datenbank aus, und klicken Sie auf Weiter.
Klicken Sie auf der Seite Wählen Sie Ihre Datenverbindung aus auf Neue Verbindung.
Stellen Sie sicher, dass im Dialogfeld Verbindung hinzufügen im Feld Datenquelle die Option Microsoft SQL Server (SqlClient) ausgewählt ist, und geben Sie dann den Servernamen und den Namen der AdventureWorks2008-Datenbank an.
Klicken Sie auf Verbindung testen und dann auf OK.
Klicken Sie zweimal auf Weiter.
Wählen Sie auf der Seite Die Select-Anweisung konfigurieren die Option Benutzerdefinierte SQL-Anweisung angeben, und klicken Sie dann auf Weiter.

Kopieren Sie die folgende Abfrage, und fügen Sie diese in das Feld SQL-Anweisung ein, und klicken Sie dann auf Weiter.

select LastName, SalesYTD, SalesLastYear 
  from HumanResources.Employee as e
  inner join Person.Person as p on e.BusinessEntityID = p.BusinessEntityID
  inner join Sales.SalesPerson as s on e.BusinessEntityID = s.BusinessEntityID

Klicken Sie auf Testabfrage und dann auf Fertig stellen.

Eine SQL-Datenquelle ist nun an das Diagrammsteuerelement gebunden, wobei die Datenspalten in der Abfrage angegeben sind.

So binden Sie Daten an die X- und Y-Werte im Diagramm

Öffnen Sie den Auflistungs-Editor für Reihen für das Diagrammsteuerelement.
Klicken Sie im Fenster Eigenschaften für die Standardreihe in der Kategorie Datenquelle auf die Eigenschaft XValueMember, klicken Sie dann auf den Dropdownpfeil, und wählen Sie LastName.

In der Dropdownliste XValueMember werden alle Spalten angezeigt, die von der an das Diagrammsteuerelement gebundenen Datenquelle zurückgegeben werden.
Klicken Sie auf die Eigenschaft YValueMembers, klicken Sie dann auf den Dropdownpfeil, und wählen Sie SalesYTD.

Der X-Wert der Standardreihe ist nun an die Spalte LastName und der erste Y-Wert der Standardreihe an die Spalte SalesYTD gebunden.
Klicken Sie im Auflistungs-Editor für Reihen auf Hinzufügen, und gehen Sie für die neue Reihe auf die gleiche Weise vor, wobei Sie die folgenden Werte verwenden:

Eigenschaft

Wert

XValueMember

LastName

YValueMembers

SalesLastYear
Klicken Sie auf OK.
Führen Sie die Anwendung aus.

Es werden nun zwei Reihen mit Datenpunkten angezeigt, die automatisch aus der Datenquelle gefüllt werden. Möglicherweise werden im Diagramm nicht alle Mitarbeiter angezeigt. Dies ist darauf zurückzuführen, dass das Diagrammsteuerelement die Bezeichnungen automatisch zur besseren Lesbarkeit anpasst.

Eigenschaft	Wert
XValueMember	LastName
YValueMembers	SalesLastYear

Anpassen der Achsenbezeichnungen und -titel

Mit der Auflistungseigenschaft Axes im Auflistungs-Editor für Diagrammflächen (ChartArea) können Sie die Bezeichnungen und Titel der Achsen in den Diagrammflächen anpassen.

So passen Sie Achsenbezeichnungen an und fügen Titel hinzu

Öffnen Sie den Auflistungs-Editor für Diagrammflächen (ChartArea) für das Diagrammsteuerelement.
Klicken Sie im Eigenschaftenfenster der Standarddiagrammfläche in der Kategorie Achsen auf die Auflistungseigenschaft Achsen, und klicken Sie dann auf die Schaltfläche mit den Auslassungspunkten (…). Hierdurch wird der Auflistungs-Editor für Achsen (Axis) geöffnet.

Die Achsenauflistung (ein Axis-Array) enthält die Achsen der Diagrammfläche.
Erweitern Sie im Eigenschaftenfenster der (primären) X-Achse die Kategorie Bezeichnungen, erweitern Sie die LabelStyle-Eigenschaft, legen Sie dann deren Interval-Eigenschaft auf 1 fest, und stellen Sie dann sicher, dass die IntervalStyle-Eigenschaft nicht festgelegt ist.

Hierdurch zeigt das Diagrammsteuerelement die Bezeichnung für jeden der angezeigten Datenpunkte an.
Legen Sie in der Kategorie Titel für die Title-Eigenschaft "Mitarbeiter" fest.
Legen Sie im Eigenschaftenfenster für die (primäre) Y-Achse in der Kategorie Titel für die Title-Eigenschaft "Umsatz" fest.
Klicken Sie zweimal auf OK.
Führen Sie die Anwendung aus.

Das Diagrammsteuerelement zeigt nun alle Mitarbeiter auf der primären X-Achse an, indem sie automatisch in einem 90-Grad-Winkel angeordnet werden.

Hinzufügen von QuickInfos zur Reihe

Sie fügen den beiden Reihen nun QuickInfos hinzu, um die Datenpunkte voneinander zu unterscheiden.

So fügen Sie der Reihe QuickInfos hinzu

Öffnen Sie den Auflistungs-Editor für Reihen für das Diagrammsteuerelement erneut.
Wählen Sie die erste Reihe aus.
Legen Sie im Eigenschaftenfenster der ersten Reihe in der Kategorie Zuordnungsbereich für die Tooltip-Eigenschaft "#VALX: #VALUmsatz dieses Jahr." fest.

Beachten Sie, dass der Schlüsselwort-Editor für Zeichenfolgen geöffnet wird, wenn Sie im Wertefeld der Tooltip-Eigenschaft auf die Schaltfläche mit den Auslassungspunkten klicken. In diesem Dialogfeld können Sie eine QuickInfo-Zeichenfolge mit Schlüsselwörtern erstellen.
Legen Sie im Eigenschaftenfenster der ersten Reihe in der Kategorie Zuordnungsbereich für die Tooltip-Eigenschaft "#VALX: #VALUmsatz letztes Jahr." fest.
Klicken Sie auf OK.
Führen Sie die Anwendung aus, und führen Sie dann den Mauszeiger über die einzelnen Datenpunkte, um die QuickInfos anzuzeigen.

Nächster Schritt

In diesem Lernprogramm habe Sie erfahren, wie Sie Daten aus einer Datenbank binden, wie Sie QuickInfos verwenden und wie Sie die Achsenbezeichnungen im Diagramm anpassen. Weitere Informationen zum Anpassen der Diagramme mit Ereignissen finden Sie unter Lernprogramm: Anpassen eines Diagramms mit Ereignissen.