jueves, 17 de mayo de 2012

Reportes con Graficas en VB.Net



Escrito por: Kelly Garay





En este nuevo paso haremos la creación de un Reporte con graficas estadísticas dentro de el. Anteriormente habíamos aprendido como hacer graficas a través de formularios, así como también enlazando la información al objeto Chart que usamos para mostrar la grafica.

Para la creación de nuestro reporte con graficas pasaremos a hacer lo siguiente, nos vamos a nuestro dataset y creamos una nueva tabla a la cual le agregaremos los siguientes campos.

Ciudades
Ciudad
System.String
Femenino
System.String
Masculino
System.String

Quedándonos de la siguiente manera:

Una vez creada nuestra tabla procedemos a crear nuestro Reporte con nuestra grafica contenida en ella.








Ya realizada nuestra tabla damos click derecho en nuestro proyecto damos agragar y elegimos la opcion agregar nuevo elemento asi como se muestra a continuación:



Creamos un nuevo documento de informe y de damos nombre.


Una vez ya hecho nuestro documeto de reporte damos click en la seccion de diseño de el y objeto Chart



lo pegamos y nos aparecerá una ventana. Ahí escogemos nuestro diseño de grafica, con la cual deseemos trabajar.


Asi como se muestra en la ventana siguiente.





Cuando seleccionamos nuestro grafico nos aparecera una ventana en la cual tendremos que elegir nuestro dataset y nuestra tabla con la que a continuación trabajaremos para nuestra grafica.


 Quedándonos de la siguiente manera




Ya una vez seleccionado nuestro DataSet y nuestra tabla damos aceptar y pasamos al siguiente paso.

En la parte de arriba de nuestra grafica colocaremos los datos de nuestra tabla que contengan la cantidad los cuales serán mostrados. y en la parte inferior colocaremos los campos que contengan un dato de información en este caso la ciudad.

Quedando de esta manera:




En la parte superior donde tenemos los campos de los sexos masculino y femenino daremos click derecho y daremos click en la opción propiedades de la serie y nos aparecerá la siguiente ventana.



En esta ventana nos iremos a la opcion campo de valor y daremos click en el boton de la expresión.


En el dejaremos la expresión de la siguiente manera tal y como se muestra en la imagen siguiente:





Damos aceptar y hacemos lo mismo para el campo de sexo masculino

Hasta quedar de la siguiente manera:



Luego pasaremos a hacer lo siguiente nos vamos a seleccionar una de nuestras barras de nuestro grafico y pasaremos a cambiar unas propiedades de  nuestro grafico.




En las propiedades UseValueAsLabel la colocaremos en Verdadero y la Propiedad Visible también en verdadero.

Con estas dos propiedades lo que haremos es que se visualize la cantidad numerica que representa cada barra. Cuando hacemos esto nos quedara nuestra grafica de la siguiente manera.









Le agregamos un titulo a nuestro Grafico y ya quedará listo para ser mostrado con cada una de la información que se desea.




Cuando hemos terminado creamos un nuevo formulario, nos vamos a la barra de herramientas y en la sección de informes seleccionamos el objeto Report Viwer  lo pegamos y en la pestaña inteligente y seleccionamos la opción acoplar a contenedor primario, 


luego nos vamos a seleccionamos nuestro reporte y nos quedará de la siguiente manera.

Una vez Terminado este paso pasamos a programar nuestro formulario para que se pueda visualizar nuestra grafica.


Como no estamos usando una base de datos que contenga una información para mostrar nuestra información en la grafica lo que haremos es agregar la información a nuestra tabla mediante un Datarow.
Ya que este hace referencia a una fila nos ayudara a ingresar la información.


Codigo:


Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
        'Declaramos una variable fila la cual almacenara la informacion atravez del datarow.
        Dim fila As DataRow = DsFacturacion.Ciudad.NewCiudadRow
        'Luego la variable fila que hemos declarado hará refencia a cada uno de los campos que estan conteniidos en nuestra tabla
        'Fila en el campo cuidades será igual a El Progreso
        'Y en los demás campos tomará el valor numerico que se le esta indicando
        fila("Cuidades") = "El Progeso"
        fila("Femenino") = 20
        fila("Masculino") = 25
        ' Para finalizar se agrega la fila con la información a la tabla mediante en rows y el add(fila)
        DsFacturacion.Ciudad.Rows.Add(fila)
        'Lo mismo para la otra cuidad que se desee agregar.
        Dim fila2 As DataRow = DsFacturacion.Ciudad.NewCiudadRow
        fila2("Cuidades") = "La Ceiba"
        fila2("Femenino") = 48
        fila2("Masculino") = 89
        DsFacturacion.Ciudad.Rows.Add(fila2)
        Me.ReportViewer1.RefreshReport()
    End Sub

Finalizada esta sección ya estamos listos para Ejecutar nuestro Reporte con Graficas Quedándonos de la siguiente manera:


Esto son todos los pasos para una grafica comparativa pero también podemos hacer graficas circulares para representar el porcentaje de cada una de las cosas que deseemos representar.

Creamos un nuevo documento de reporte como ya lo sabemos hacer y esta vez en vez de escoger una grafica comparativa escogemos una grafica circular, de pastel ó como le deseemos llamar.



De igual manera nos saldrá nuestra ventana donde tendremos que escoger nuestro dataset y nuestra tabla con la que trabajaremos. Como en la grafica anterior escogeremos la misma tabla damos aceptar y nuestra tabla nos quedará de la siguiente manera.





En la parte superior colocaremos los campos de la tabla con los datos numericos que seran mostrados y de igual manera que la anterior damos click derecho a los campos que hemos colocado y escogemos la opcion propiedades de la serie e iremos a cambiar nuestra expresión de igual manera que la anterir hasta quedar asi.

De igual manera esto lo haremos para el campo del sexo masculino.



Una vez terminado este paso pasaremos a visualizar la cantidad numerica que representa cada pedaso del pastel de la grafica. Para esto primero seleccionamos una de las series y cambiamos las
propiedades UseValueAsLabel y
Visible en Verdadero.



Esto lo hacemos para cada una de las series para que cada Cantidad que contenga cada campo pueda ser visualizado en el Grafico.

Terminado esto lo que quedará por hacer es agregar un titulo para nuestra Gráfíca.

Quedándonos nuestro diseño de grafica de la siguiente manera:




Seleccionamos nuestro reporte desde nuestro formulario y lo ejecutamos. Ya terminado cada uno de los procesos para la creación de nuestro reporte lo que queda es ejecutar nuestro formulario y nuestro reporte Quedará asi.



1 comentario: