Cómo hacer un Gráfico de diagrama en Visual Basic 2008

A veces una imagen vale más que 1.000 palabras. Esto es especialmente cierto si la imagen es un gráfico, que condensa los datos en un formato fácil de leer. En la publicación de páginas Active Server Basic .NET y Visual 2008, Microsoft hizo más fácil que nunca para hacer una gráfica parcela con su gráfico de control de servidor Web. control de gráfico de Microsoft permite a los programadores toman fácilmente datos desde casi cualquier fuente y la muestra en un gráfico de áreas, de barras y columnas.

Instrucciones

1 Visita el Centro de descarga de Microsoft y descargar el Visual Studio 2008 add-on para "Chart Controls." Clic en Guardar." Cuando el archivo haya terminado la descarga, haga doble clic en el archivo para instalar automáticamente en Visual Studio.

2 Abra la página que debe incluir un gráfico en Visual Studio y haga clic en "Diseño" para colocar la página ASPX en modo de diseño. Arrastre y suelte un elemento "Tabla" de la caja de herramientas sobre la superficie de la página ASPX. Revisar el marcado generado automáticamente:

<Asp: Diagrama de ID = runat = "server" "Gráfico1">
<Serie>

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

</ Serie>
<Chartareas>

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

</ Chartareas>
</ Asp: Gráfico>

3 Indicar el tipo de gráfico que desea crear usando el atributo "ChartType" y proporcionar un nombre para el gráfico dentro de la "<asp: Serie>" etiqueta. Aquí, el código crea una tabla que utiliza columnas:

<Asp: Nombre de la serie = "Escuela de Asistencia de los días laborales" YValueType = ChartType "Int32" = "Columna" ChartArea = "MainChartArea">

4 datos de trazado utilizando el <asp: DataPoint /> etiqueta. Utilice el atributo "AxisLabel" para especificar un título para cada línea. Trazar cada valor gráfico usando el atributo "YValues". Por ejemplo, puede crear un gráfico que traza el número promedio de estudiantes en una clase en cada día de la semana de la siguiente manera:

<Puntos>

<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" />

</ Puntos>

5 Revisar la totalidad de su código para asegurarse de que sigue el siguiente formato:

<Asp: Diagrama de ID = runat = "server" "Gráfico1">
<Asp: Nombre de la serie = "Escuela de Asistencia de los días laborales" YValueType = ChartType "Int32" = "Columna" 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>

</ Series>
<ChartAreas>

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

</ ChartAreas>
</ Asp: Gráfico>

6 Guardar el código y haga clic en el icono de "depuración" para ver el gráfico que aparece en una página web. Revisar el gráfico para asegurarse de que contiene los valores de los datos correctos.