A volte una foto vale 1000 parole. Questo è particolarmente vero se l'immagine è un grafico, che condensa i dati in un formato facile da leggere. Nella versione 2008 e Visual Basic .NET Active Server Pages, Microsoft ha reso più facile che mai per fare un grafico plot con il suo controllo Grafico Web Server. controllo grafico di Microsoft consente ai programmatori di prendere facilmente i dati praticamente da qualsiasi sorgente e visualizzare in un grafico ad area, un bar e colonna.

istruzione

1 Visita Download Center di Microsoft e scaricare il Visual Studio 2008 Add-on per "Chart Controls." Fai clic su "Salva". Quando il file ha finito di scaricare, fare doppio clic sul file per installare automaticamente in Visual Studio.

2 Aprire la pagina che deve includere un grafico in Visual Studio e fare clic su "Design" per posizionare la pagina ASPX in modalità di progettazione. Trascinare e rilasciare un elemento "grafico" dalla casella degli strumenti sulla superficie della pagina ASPX. Rivedere il markup generato automaticamente:

<Asp: Grafico ID = runat = "server" "Chart1">
<Series>

<asp:Series Name="Series1">
</asp:Series>

</ Serie>
<Chartareas>

<asp:ChartArea Name="ChartArea1">
</asp:ChartArea>

</ Chartareas>
</ Asp: Grafico>

3 Indicare il tipo di grafico che desideri creare utilizzando l'attributo "ChartType" e fornire un nome per il grafico all'interno del "<asp: Serie>" tag. Qui, il codice crea un grafico che utilizza colonne:

<Asp: Serie Name = "scuola presenze al giorno della settimana" YValueType = ChartType "Int32" = "Colonna" ChartArea = "MainChartArea">

4 dati grafico usando il <asp: DataPoint /> tag. Utilizzare l'attributo "AxisLabel" per specificare un titolo per ogni linea. Tracciare ogni valore grafico utilizzando l'attributo "YValues". Ad esempio, è possibile creare un grafico che i grafici il numero medio di studenti in una classe su ogni giorno della settimana come segue:

<punti>

<asp:DataPoint AxisLabel="Monday" YValues="27" />
<asp:DataPoint AxisLabel="Tuesday" YValues="24" />
<asp:DataPoint AxisLabel="Wednesday" YValues="26" />
<asp:DataPoint AxisLabel="Thursday" YValues="24" />
<asp:DataPoint AxisLabel="Fruday" YValues="23" />

</ Centri>

5 Rivedere la totalità del vostro codice per assicurarsi che segue il seguente formato:

<Asp: Grafico ID = runat = "server" "Chart1">
<Asp: Serie Name = "scuola presenze al giorno della settimana" YValueType = ChartType "Int32" = "Colonna" ChartArea = "MainChartArea">

<Points>
<asp:DataPoint AxisLabel="Monday" YValues="27" />
<asp:DataPoint AxisLabel="Tuesday" YValues="24" />
<asp:DataPoint AxisLabel="Wednesday" YValues="26" />
<asp:DataPoint AxisLabel="Thursday" YValues="24" />
<asp:DataPoint AxisLabel="Fruday" YValues="23" />
</Points>
</asp:Series>

</ Serie>
<ChartAreas>

<asp:ChartArea Name="MainChartArea">
</asp:ChartArea>

</ ChartAreas>
</ Asp: Grafico>

6 Salvare il codice e fare clic sull'icona "Debug" per vedere il grafico visualizzato in una pagina Web. Rivedere il grafico per assicurarsi che contiene i valori dei dati corretti.