Esercitazione: creazione di un grafico di base
In questa esercitazione viene illustrato come aggiungere un controllo Chart a un'applicazione Windows Form o Web e successivamente aggiungere dati, titolo, legende e annotazioni al grafico in uso.
Aggiunta di un controllo Chart
Per aggiungere un controllo Chart all'applicazione Windows Form o Web in uso, procedere come descritto di seguito.
Per aggiungere un controllo Chart all'applicazione
In visualizzazione Progettazione, aprire la Casella degli strumenti.
Trascinare un controllo Chart dalla categoria Dati all'area di progettazione.
Se il controllo Chart non è visibile nella Casella degli strumenti, fare clic con il pulsante destro del mouse sulla Casella degli strumenti, selezionare Scegli elementi, quindi selezionare i seguenti spazi dei nomi nella scheda Componenti di .NET Framework:
[!NOTA]
Per individuare più facilmente il controllo Chart nella Casella degli strumenti, nascondere i controlli inattivi.A questo scopo, fare clic con il pulsante destro del mouse sulla Casella degli strumenti e deselezionare la voce Mostra tutto.
Fare clic con il pulsante destro del mouse sul controllo Chart nell'area di progettazione e selezionare Proprietà.
Nella finestra Proprietà, fare clic sul pulsante Per categoria.
Nella categoria Grafico della finestra Proprietà, fare clic sulla proprietà della raccolta ChartAreas, quindi fare clic sul pulsante con i puntini di sospensione (…).Si aprirà l'editor della raccolta ChartAreas.
La raccolta ChartAreas (un oggetto ChartAreaCollection) contiene tutte le aree grafico presenti nel controllo Chart.Si noti che la raccolta contiene già un'area grafico denominata "ChartArea1".
Fare clic su Aggiungi e scegliere OK.Alla raccolta verrà aggiunto un nuovo oggetto ChartArea denominato "ChartArea2" per impostazione predefinita.
Si noti che il grafico nell'area di progettazione si riduce a metà della dimensione originale.Questo avviene perché la nuova area grafico appena creata viene posizionata nella parte inferiore, ma non contiene ancora serie di dati.
Nella finestra Proprietà, fare clic sulla raccolta Serie, quindi fare clic sul pulsante con i puntini di sospensione.Si aprirà l'Editor della raccolta Serie.
La raccolta Serie (un oggetto SeriesCollection) contiene tutte le serie dati presenti nel controllo Chart.Si noti che la raccolta contiene già una serie denominata "Series1".
Nell'editor della raccolta Series fare clic su Aggiungi e impostare le seguenti proprietà per l'oggetto Series appena creato:
Proprietà
Valore
ChartArea
ChartArea2
ChartType
Bar
Name
BarChart
Scegliere OK, quindi di nuovo OK.
Adesso esistono delle aree grafico e ciascuna di esse contiene una serie di dati.Tuttavia, avviando l'applicazione non si vedrà ancora niente, perché le serie non contengono ancora dati.
Aggiunta di dati al grafico
Per aggiungere dati al controllo Chart appena creato procedere come descritto di seguito.
Per aggiungere dati al grafico
Aprire di nuovo l'Editor della raccolta Serie.
Nell'area Membri, scegliere Series1.
Nella categoria Dati dell'area delle proprietà di Series1, fare clic sulla proprietà della raccolta Points, quindi fare clic sul pulsante con i puntini di sospensione.Si aprirà l'Editor della raccolta DataPoint.
La raccolta Points (un oggetto DataPointCollection) contiene tutti i punti dati presenti nella serie corrente.
Nell'Editor della raccolta DataPoint, fare clic su Aggiungi e assegnare un valore alla proprietà YValues dell'oggetto DataPoint appena creato.
Ripetere questa procedura fino ad aggiungere cinque punti dati nella raccolta.
Fare clic su OK, quindi ripetere i passaggi precedenti per aggiungere punti dati alla serie BarChart.
Nell'Editor della raccolta Serie, fare clic su OK.
Eseguire l'applicazione.
Nel controllo Chart sono adesso visibili due aree grafico in cui sono visualizzati i punti dati appena creati nelle due serie.Notare i diversi tipi di grafico delle due serie.
Aggiunta di legende al grafico
Per aggiungere una legenda a ciascuna serie appena creata procedere come descritto di seguito.
Per aggiungere una legenda a ciascuna serie
Nella categoria Grafico della finestra Proprietà, fare clic sulla proprietà della raccolta Legende, quindi fare clic sul pulsante con i puntini di sospensione (…) alla destra.Si aprirà l'editor della raccolta Legend.
La raccolta Legende (un oggetto LegendCollection) contiene tutte le legende presenti nel controllo Chart.
Se l'Editor della raccolta Legende non contiene ancora una legenda, fare clic su Aggiungi.
Impostare le seguenti proprietà per l'oggetto Legend:
Proprietà
Valore
DockedToChartArea
ChartArea1
Docking
Right
IsDockedInsideChartArea
False
Fare clic di nuovo su Aggiungi e impostare le seguenti proprietà per l'oggetto Legend appena creato:
Proprietà
Valore
DockedToChartArea
ChartArea2
Docking
Right
Fare clic su OK.
Si noti che nell'area di progettazione la seconda legenda appare vuota.Per impostazione predefinita, a entrambe le serie viene assegnata la prima legenda.È possibile aggiungere una legenda diversa a ciascuna serie.
Aprire di nuovo l'Editor della raccolta Serie.
Nell'area Membri, scegliere BarChart.
Nella categoria Legende dell'area delle proprietà dell'elemento BarChart, nell'elenco a discesa della proprietà Legend, scegliere Legend2.
Fare clic su OK.
Eseguire l'applicazione.
Aggiunta di un titolo al grafico
Per aggiungere un titolo al grafico procedere come illustrato di seguito.
Per aggiungere un titolo al grafico
Nella categoria Grafico della finestra Proprietà, fare clic sulla proprietà della raccolta Titoli, quindi fare clic sul pulsante con i puntini di sospensione.Si aprirà l'Editor della raccolta Titoli.
La raccolta Titoli (un oggetto TitleCollection) contiene tutti i titoli presenti nel controllo Chart.
Nell'Editor della raccolta Legende, fare clic su Aggiungi.
Nella categoria Aspetto dell'area delle proprietà dell'elemento Title1, digitare il titolo del grafico nella proprietà Text.
Fare clic su OK.
Eseguire l'applicazione.
Contrassegnare un punto dati con un'annotazione
Per utilizzare un'annotazione per contrassegnare un punto dati nel grafico, procedere come illustrato di seguito.
Per contrassegnare un punto dati con un'annotazione
Nella categoria Grafico della finestra Proprietà, fare clic sulla proprietà della raccolta Annotazioni, quindi fare clic sul pulsante con i puntini di sospensione.Si aprirà l'Editor della raccolta Annotazioni.
La raccolta Annotazioni (un oggetto AnnotationCollection) contiene tutte le annotazioni presenti nel controllo Chart.
Nell'Editor della raccolta Annotazioni, fare clic sulla freccia della voce Aggiungi e selezionare ArrowAnnotation.
Nella categoria Ancoraggi dell'area delle proprietà dell'elemento ArrowAnnotation1, fare clic sulla freccia della voce AnchorDataPoint e selezionare il primo punto dati in Series1.
Impostare le seguenti proprietà per l'oggetto Legend appena creato:
Property
Valore
Height
-5
Width
0
AnchorOffSetY
-2.5
Nella categoria Misc, espandere la proprietà SmartLabelStyle e impostare la relativa proprietà IsOverlappedHidden su False.
Fare clic su OK.
Eseguire l'applicazione.
Passo successivo
Si è appena appreso come aggiungere un controllo Chart a un'applicazione Windows Form o Web e successivamente aggiungere dati, titolo, legende e annotazioni al grafico in uso.Per apprendere come utilizzare i grafici 3D, vedere Esercitazione: modifica in un grafico 3D.
Vedere anche
Riferimento
System.Windows.Forms.DataVisualization.Charting
System.Web.UI.DataVisualization.Charting