Esercitazione: associazione dati di un grafico a un database

In questa esercitazione viene illustrato come associare i dati di un database, nonché come utilizzare le descrizioni comandi e modificare le etichette degli assi nel grafico.

Per completare questa esercitazione, è necessario avere installato il database OLTP di esempio AdventureWorks2008 in un'istanza di SQL Server, ad esempio SQL Server 2008 Express.Per installare il database di esempio, visitare il sito www.codeplex.com.

Associazione di dati di un database

È necessario prima associare i dati di un controllo origine dati al controllo Chart, quindi associare le colonne specifiche dell'origine dati al valore X e Y di una serie.

Per associare i dati di un database a un grafico

Nell'area di progettazione di Windows Form o dell'applicazione Web trascinare il controllo Chart dalla Casella degli strumenti.
Nella categoria Dati della finestra Proprietà del controllo Chart fare clic sulla proprietà DataSourceID (ASP.NET) o DataSource (Windows Form), quindi fare clic sulla freccia a discesa, infine selezionare <Nuova origine dati…>.
Nella pagina Seleziona un tipo di origine dati selezionare Database, quindi scegliere Avanti.
Nella pagina Scegliere la connessione dati fare clic su Nuova connessione.
Nella finestra di dialogo Aggiungi connessione assicurarsi che il campo Origine dati sia impostato su Microsoft SQL Server (SqlClient), quindi fornire il nome del server e il nome del database AdventureWorks2008.
Fare clic su Test connessione, quindi scegliere OK.
Scegliere Avanti per due volte.
Nella pagina Configura istruzione Select selezionare Specificare una stored procedure o un'istruzione SQL personalizzata, quindi scegliere Avanti.

Copiare e incollare la query seguente nel campo Istruzione SQL, quindi scegliere Avanti.

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

Fare clic su Test query, quindi scegliere Fine.

Un'origine dati SQL verrà associata al controllo Chart con le colonne di dati specificate nella query.

Per associare i dati ai valori X e Y nel grafico

Aprire l'Editor della raccolta Serie per il controllo Chart.
Nella categoria Origine dati della finestra Proprietà della serie predefinita fare clic sulla proprietà XValueMember, quindi fare clic sulla freccia a discesa, infine selezionare LastName.

Nell'elenco a discesa XValueMember vengono visualizzate tutte le colonne restituite dall'origine dati associata al controllo Chart.
Fare clic sulla proprietà YValueMembers, quindi sulla freccia a discesa, infine selezionare SalesYTD.

Il valore X della serie predefinita verrà associato alla colonna LastName e il primo valore Y della serie predefinita verrà associato alla colonna SalesYTD.
Nell'Editor della raccolta Serie fare clic su Aggiungi, quindi eseguire la stessa operazione nella nuova serie con i valori seguenti:

Proprietà

Valore

XValueMember

LastName

YValueMembers

SalesLastYear
Scegliere OK.
Eseguire l'applicazione.

È ora possibile osservare due serie in cui sono visualizzati i punti dati che vengono popolati automaticamente dall'origine dati.Si potrà notare anche che nel grafico non vengono visualizzati tutti i dipendenti, in quanto il controllo Chart modifica automaticamente le etichette per facilitarne la lettura.

Proprietà	Valore
XValueMember	LastName
YValueMembers	SalesLastYear

Modifica dei titoli e delle etichette degli assi

È possibile utilizzare la proprietà di raccolte Axes nell'Editor della raccolta ChartArea per personalizzare le etichette e i titoli degli assi dell'area grafico.

Per modificare i titoli e le etichette degli assi

Aprire l'Editor della raccolta ChartArea per il controllo Chart.
Nella categoria Assi della finestra Proprietà dell'area grafico predefinita fare clic sulla proprietà di raccolte Axes, quindi fare clic sul pulsante con i puntini di sospensione (…).Si aprirà l'Editor della raccolta Assi.

La raccolta Assi (una matrice Axis) contiene gli assi dell'area grafico.
Nella categoria Etichette della finestra Proprietà dell'asse X primario espandere la proprietà LabelStyle, quindi impostare la relativa proprietà Interval su 1, infine verificare che non sia impostata la proprietà IntervalStyle.

In questo modo, il controllo Chart mostra l'etichetta per ogni punto dati visualizzato.
Nella categoria Titolo impostare la proprietà Title su "Employee".
Nella categoria Titolo della finestra Proprietà dell'asse Y primario impostare la proprietà Title su "Sales".
Scegliere OK per due volte.
Eseguire l'applicazione.

Il controllo Chart visualizzerà tutti i dipendenti sull'asse X primario disponendoli automaticamente a un angolo di 90 gradi.

Aggiunta di descrizioni comandi alla serie

Verranno ora aggiunte le descrizioni comandi alle due serie per distinguere tra i punti dati.

Per aggiungere le descrizioni comandi alla serie

Aprire di nuovo l'Editor della raccolta Serie per il controllo Chart.
Selezionare la prima serie.
Nella categoria Area mappa della finestra Proprietà della prima serie impostare la proprietà Tooltip su "#VALX: #VAL sales this year.".

Si noti che se si fa clic sul pulsante con i puntini di sospensione nel campo del valore della proprietà Tooltip, viene visualizzato l'Editor parole chiave stringhe.Questa finestra di dialogo consente di compilare una stringa di descrizione comandi con parole chiave.
Nella categoria Area mappa della finestra Proprietà della prima serie impostare la proprietà Tooltip su "#VALX: #VAL sales last year.".
Scegliere OK.
Eseguire l'applicazione, quindi tenere il cursore sopra ogni punto dati per visualizzare la descrizione comandi.

Passo successivo

In questa esercitazione è stato illustrato come associare i dati di un database, nonché come utilizzare le descrizioni comandi e modificare le etichette degli assi nel grafico.Per informazioni su come utilizzare gli eventi per personalizzare il grafico, vedere Esercitazione: personalizzazione di un grafico tramite eventi.

Vedere anche

Last updated on 2012-08-31