Lernprogramm: Erstellen eines einfachen Diagramms
Dieses Lernprogramm veranschaulicht, wie Sie das Diagrammsteuerelement zu einer Windows Forms- oder Webanwendung hinzufügen und dann Daten, Titel, Legenden und Anmerkungen in das Diagramm einfügen.
Hinzufügen eines Diagrammsteuerelements
Führen Sie die nachfolgenden Schritte aus, um einer Windows Forms- oder Webanwendung ein Diagrammsteuerelement hinzuzufügen.
So fügen Sie einer Anwendung ein Diagrammsteuerelement hinzu
Öffnen Sie in der Entwurfsansicht die Toolbox.
Ziehen Sie ein Diagrammsteuerelement aus der Kategorie Daten in den Entwurfsbereich.
Wenn das Diagrammsteuerelement in der Toolbox nicht angezeigt wird, klicken Sie mit der rechten Maustaste in die Toolbox. Wählen Sie dann Elemente auswählen und anschließend die folgenden Namespaces auf der Registerkarte Visual Studio .NET Framework-Komponenten aus:
Hinweis
Blenden Sie die inaktiven Steuerelemente aus, um das Diagrammsteuerelement in der Toolbox leichter zu finden.Klicken Sie hierzu mit der rechten Maustaste auf die Toolbox, und deaktivieren Sie Alle anzeigen.
Klicken Sie im Entwurfsbereich mit der rechten Maustaste auf das Diagrammsteuerelement, und wählen Sie Eigenschaften aus.
Klicken Sie im Eigenschaftenfenster auf die Schaltfläche Kategorisiert.
Klicken Sie in der Kategorie Diagramm des Eigenschaftenfensters auf die ChartAreas-Auflistungseigenschaft und dann auf die Schaltfläche mit den Auslassungspunkten (…).Hierdurch wird der Auflistungs-Editor für Diagrammflächen (ChartAreas) geöffnet.
Die ChartAreas-Auflistung (ein ChartAreaCollection-Objekt) enthält alle Diagrammflächen im Diagrammsteuerelement.Beachten Sie, dass die Auflistung bereits einen Diagrammbereich mit dem Namen "ChartArea1" beinhaltet.
Klicken Sie auf Hinzufügen und anschließend auf OK.Das neue ChartArea-Objekt wird der Auflistung mit dem Standardnamen "ChartArea2" hinzugefügt.
Beachten Sie, dass das Diagramm im Entwurfsbereich auf die Hälfte der ursprünglichen Größe verkleinert wird.Ursache hierfür ist, dass der neu erstellte Diagrammbereich zwar unten hinzugefügt wird, dieser jedoch noch keine Datenreihe enthält.
Klicken Sie im Fenster Eigenschaften auf die Series-Auflistung und dann auf die Schaltfläche mit den Auslassungszeichen.Hierdurch wird der Auflistungs-Editor für Reihen (Series) geöffnet.
Die Series-Auflistung (ein SeriesCollection-Objekt) enthält alle Datenreihen im Diagrammsteuerelement.Beachten Sie, dass die Auflistung bereits eine Reihe mit dem Namen "Series1" enthält.
Klicken Sie im Auflistungs-Editor für Reihen auf Hinzufügen, und legen Sie dann die folgenden Eigenschaften für das neu erstellte Series-Objekt fest:
Eigenschaft
Wert
ChartArea
ChartArea2
ChartType
Bar
Name
BarChart
Klicken Sie auf OK und dann nochmals auf OK.
Es sind nun Diagrammflächen vorhanden, und jede Diagrammfläche enthält eine Datenreihe.Wenn Sie die Anwendung ausführen, wird jedoch trotzdem nichts angezeigt, da die Reihen bislang keine Daten enthalten.
Hinzufügen von Daten zum Diagramm
Führen Sie die nachfolgenden Schritte aus, um dem soeben erstellen Diagrammsteuerelement Daten hinzuzufügen.
So fügen Sie dem Diagramm Daten hinzu
Öffnen Sie erneut den Auflistungs-Editor für Reihen.
Wählen Sie im Bereich MemberSeries1 aus.
Klicken Sie in der Kategorie Daten des Eigenschaftenbereichs von Series1 auf die Points-Auflistungseigenschaft und dann auf die Schaltfläche mit den Auslassungspunkten.Hierdurch wird der Auflistungs-Editor für Datenpunkte (DataPoint) geöffnet.
Die Points-Auflistung (ein DataPointCollection-Objekt) enthält alle Datenpunkte in der aktuellen Reihe.
Klicken Sie im Auflistungs-Editor für Datenpunkte auf Hinzufügen, und weisen Sie der YValues-Eigenschaft im neu erstellten DataPoint-Objekt einen Wert zu.
Wiederholen Sie diesen Schritt, bis die Auflistung fünf Datenpunkte enthält.
Klicken Sie auf OK, und wiederholen Sie dann die vorherigen Schritte, um der Reihe BarChart Datenpunkte hinzuzufügen.
Klicken Sie im Auflistungs-Editor für Reihen auf OK.
Führen Sie die Anwendung aus.
Im Diagrammsteuerelement wurden nun zwei Diagrammbereiche mit den soeben erstellten Datenpunkten in den beiden Reihen angezeigt.Beachten Sie die unterschiedlichen Diagrammtypen der zwei Reihen.
Hinzufügen von Legenden zum Diagramm
Führen Sie die nachfolgenden Schritte aus, um eine Legende für jede der soeben erstellten Reihen hinzuzufügen.
So fügen Sie eine Legende für jede Reihe hinzu
Klicken Sie in der Kategorie Diagramm des Eigenschaftenfensters auf die Legends-Auflistungseigenschaft und dann auf die Schaltfläche … rechts davon.Hierdurch wird der Auflistungs-Editor für Legenden (Legend) geöffnet.
Die Legends-Auflistung (ein LegendCollection-Objekt) enthält alle Legenden im Diagrammsteuerelement.
Wenn im Auflistungs-Editor für Legenden nicht bereits eine Legende angezeigt wird, klicken Sie auf Hinzufügen.
Legen Sie die folgenden Eigenschaften für das Legend-Objekt fest:
Eigenschaft
Wert
DockedToChartArea
ChartArea1
Docking
Right
IsDockedInsideChartArea
False
Klicken Sie erneut auf Hinzufügen, und legen Sie dann die folgenden Eigenschaften für das neu erstellte Legend-Objekt fest:
Eigenschaft
Wert
DockedToChartArea
ChartArea2
Docking
Right
Klicken Sie auf OK.
Beachten Sie, dass die zweite Legende im Entwurfsbereich leer ist.Standardmäßig werden beide Reihen der ersten Legende zugewiesen.Sie können jedoch jede Reihe einer anderen Legende zuweisen.
Öffnen Sie erneut den Auflistungs-Editor für Reihen.
Wählen Sie im Bereich "Member" die Option BarChart aus.
Wählen Sie in der Kategorie Legende des BarChart-Eigenschaftenbereichs in der Dropdownliste der Legend-Eigenschaft Legend2 aus.
Klicken Sie auf OK.
Führen Sie die Anwendung aus.
Hinzufügen eines Titels zum Diagramm
Führen Sie die nachfolgenden Schritte aus, um dem Diagramm einen Titel hinzuzufügen.
So fügen Sie dem Diagramm einen Titel hinzu
Klicken Sie in der Kategorie Diagramm des Eigenschaftenfensters auf die Titles-Auflistungseigenschaft und dann auf die Schaltfläche mit den Auslassungspunkten.Hierdurch wird der Auflistungs-Editor für Titel (Title) geöffnet.
Die Titles-Auflistung (ein TitleCollection-Objekt) enthält alle Titel im Diagrammsteuerelement.
Klicken Sie im Auflistungs-Editor für Legenden auf Hinzufügen.
Geben Sie in der Kategorie Darstellung des Title1-Eigenschaftenbereichs in der Text-Eigenschaft einen Diagrammtitel ein.
Klicken Sie auf OK.
Führen Sie die Anwendung aus.
Markieren eines Datenpunkts mit einer Anmerkung
Führen Sie die nachfolgenden Schritte aus, um einen Datenpunkt im Diagramm mit einer Anmerkung zu versehen.
So markieren Sie einen Datenpunkt mit einer Anmerkung
Klicken Sie in der Kategorie Diagramm des Eigenschaftenfensters auf die Annotations-Auflistungseigenschaft und dann auf die Schaltfläche mit den Auslassungspunkten.Hierdurch wird der Auflistungs-Editor für Anmerkungen (Annotation) geöffnet.
Die Annotations-Auflistung (ein AnnotationCollection-Objekt) enthält alle Anmerkungen im Diagrammsteuerelement.
Klicken Sie im Auflistungs-Editor für Anmerkungen auf Hinzufügen, und wählen Sie ArrowAnnotation aus.
Klicken Sie in der Kategorie Anker des ArrowAnnotation1-Eigenschaftenbereichs auf den AnchorDataPoint-Pfeil, und wählen Sie den ersten Datenpunkt in Series1 aus.
Legen Sie die folgenden Eigenschaften für das neu erstellte Legend-Objekt fest:
Eigenschaft
Wert
Height
-5
Width
0
AnchorOffSetY
-2.5
Erweitern Sie in der Kategorie Verschiedenes die SmartLabelStyle-Eigenschaft, und legen Sie die IsOverlappedHidden-Eigenschaft auf False fest.
Klicken Sie auf OK.
Führen Sie die Anwendung aus.
Nächster Schritt
Sie haben nun erfahren, wie Sie das Diagrammsteuerelement zu einer Windows Forms- oder Webanwendung hinzufügen und dann Daten, Titel, Legenden und Anmerkungen in das Diagramm einfügen.Weitere Informationen zur Verwendung von 3D-Diagrammen finden Sie unter Lernprogramm: Wechseln zu einem 3D-Diagramm.
Siehe auch
Referenz
System.Windows.Forms.DataVisualization.Charting
System.Web.UI.DataVisualization.Charting