Gráficas Estadística en ChartControl
Gráficas Estadística en ChartControl
En este blogger vamos a ser tres gráficas estadística en Microsoft Visual Studio 2010 con datos estraidos en MYSQL, el objeto que vamos a manipular en si es chartControl: Es el objeto de contenedor de gráfica en su totalidad, en el cual agrupan el titulo de la gráfica, el área del gráfico, las series, leyendas, marcas y otros elementos
Objeto que conformar una gráfica
Chart: Contenedor de la gráfica.
ChartArea: Contiene el área que comprende la gráfica.
Title: Contiene el titulo de la gráfica.
Series: Objeto que representa graficamente los valores en la gráfica.
Objetivos
- Crear una gráfica estadística utilizando el objeto chartControl .
- Escribir instrucciones SQL-Selest para genera gráficas.
- Configurar un DataSet para mostrar datos en un objeto chart.
- Compilar los objetos de c# para generar gráfica.
Ejemplo 1
Los vamos a ir a MYSQL y abrimos una nueva hoja.
Vamos a configurar la tabla para eso los vamos a ir a MYSQL y en la hoja que hemos creado vamos a escribir, select colegio, count(colegio) as Total from colegio.estudiantes group by colegio;.
Vamos a compilar, los esta dando la cantidad de colegios que hay ingresados.
Los vamos a ir al proyecto que anterior mente ya aviamos creado, en dscolegios vamos a crear una tabla de datos dando clic derecho y agregar Tabla de datos.
Y tenemos la tabla de datos le ponemos nombre que es colegio y para agregar columna le damos clic derecho sobre la tabla y le damos agregar columna.
En las columana le ponemos como nombre colegio y Total en total en las propiedades le vamos a poner System.Int16.
Vamos a agregar Windows Forms y le vamos a poner de nombre frmGraafcolegio.
En las propiedades le vamos a en text Gráfica de alumnos por colegios, en WindowState: Maximezed.
Vamos a ir los a cuadros de
herramienta en datos, vamos a seleccionar Chart y lo vamos a arrastra
asta el formulario.
Cuando ya hemos colocado el objeto chart vamos a ir a buscar la propiedad ancho ,
vamos a a decirle que abarque toda la área del formulario.
Vamos a ir los a la barrar de herramienta en controles
comunes vamos
a seleccionar dos Button.
Los vamos a arrastrar asta el formulario uno va hacer para
el botón actualiza y el otro para
cerrar.
Vamos a ir a las propiedades, le vamos a dar un clic al
primer
botón que seccionamos
btnAtualizar
eso mismo vamos a ser con el segundo
botón que es serrar
Seguidamente vamos a seleccionar los dos botones y los vamos
a las propiedades a anchor.
Vamos a seleccionar el formulario y en las propiedas
buscamos, CancelButton
Y le ponemos btnCerrar.
Le damos doble clic al botón serrar y vamos a poner Close()
que es para serrar que cuando le demos en el botón cerrar se sierre.
Vamos a serle el llamado a las librerías con el comando Using System.windows.Forms.DataVisualizacion:,
que es para llamar elementos de la gráfica.
Los vamos al formulario y e damos doble clic al botón de
actualizar y los va aparecer así.
Vamos a empezar a
programar el botón de actualizar lo primero que vamos a ser es una conexión,
que para conectar con la tabla de datos.
Seguidamente vamos a ser una estructura de control,
significa que podes trabajar sin tener problemas .
If(conexión.crearConeccion() ==True )
{
}
Dentro de if vamos a
poner: string SQL
= "Select colegio, count(colegio) as Total from estudiantes group by
colegio";
Que es una instrucción SQL es lo que acabamos de hacer que nos sirve para
solicitud de datos.
Seguidamente vamos a ir a llamar otra librería que es la librería
de MSQL.
Que es: using MySql.Data.MySqlClient;
Seguimos con la solisitud
de datos escribireemos el código
MySqlDataAdapter DA
= new MySqlDataAdapter(SQL,
conexion.oConexion);
Vamos a poblar el dataSet
para que se mostrado en la grafica y los vamos ser mediante el método
DA.fill.
Para que se quite el error los vamos a ir al formulario le
damos en datos y mostrar datos, los aparecen el origen de los datos traemos el
campo de total.
Solo es para que se traiga el control le damos clic aparte
del archivo y luego lo seleccionamos y los borrarnos lo mismo vamos a ser con los dos que están mas abajo .
Solo vamos a dejar el dsColegio.
Y se los quito el error si podemos observar.
Seguidamente vamos a ser la conexión.
Iremos a configurar la gráfica.
Ahora los vamos a ir a configurar la área de la gráfica.
Seguidamente vamos a configurar el titulo iremos a poner
Title titulo = new Title("Total de Alumno por
colegio");
titulo.Font
= new Font("Tahoma", 18, FontStyle.Bold);
oGrafico.Titles.Add(titulo);
Series serie = new Series("colegios");
serie.ChartType
= SeriesChartType.Pie;
serie.XValueMember =
"colegio";
serie.YValueMembers =
"Total";
serie.IsValueShownAsLabel =
true;
oGrafico.Series.Add(serie);
oGrafico.DataSource = dscolegio.colegios;
Los
vamos a ir al Program.cs, y le poner el
nombre que lleve nuestro formulario.
Iremos a compilar nuestro programa le damos Ctrl + f5
Los da así tenemos que darle donde dice actualiza para que
los aparezca la gráfica.
Ya tenemos nuestra gráfica de pastel, como pudimos notar no
tuvimos errores.
Ejemplo 2
Vamos por el segundo ejemplo en la gráfica esteremos mostrando la cantidad de sexo por alumno.
Los vamos a ir a MYSQL y abrimos una nueva hoja.
Vamos a configurar la tabla para eso los vamos a ir a MYSQL y en la hoja que hemos creado vamos a escribir, select sexo, count(sexo) as Total from colegio.estudiantes group by sexo;
Vamos a compilar los esta dando la cantidad de sexo que hay.
Los vamos a ir al proyecto que anterior mente ya aviamos creado, en dscolegios vamos a crear una tabla de datos dando clic derecho y agregar Tabla de datos.
Y tenemos la tabla de datos le ponemos nombre que es Sexo y para agregar columna le damos clic derecho sobre la tabla y le damos agregar columna.
En las columana le ponemos como nombre sexo y Total en total en las propiedades le vamos a poner System.Int16.
Vamos a agregar Windows Forms y le vamos a poner de nombre frmGrafsexo
En las propiedades le vamos a en text Gráfica cantidad de alumnos por sexo, en WindowState: Maximezed.
Vamos a ir los a cuadros de herramienta en datos, vamos a seleccionar Chart y lo vamos a arrastra asta el formulario.
Cuando ya hemos colocado el objeto chart vamos a ir a buscar la propiedad ancho , vamos a a decirle que abarque toda la área del formulario.
Vamos a ir los a la barrar de herramienta en controles comunes vamos
a seleccionar dos Button.
Los vamos a arrastrar asta el formulario uno va hacer para el botón actualiza y el otro para cerrar.
Vamos a ir a las propiedades, le vamos a dar un clic al primer
botón que seccionamos
btnAtualizar eso mismo vamos a ser con el segundo botón que es serrar
Seguidamente vamos a seleccionar los dos botones y los vamos a las propiedades a anchor.
Vamos a seleccionar el formulario y en las propiedas buscamos, CancelButton
Y le ponemos btnCerrar.
Le damos doble clic al botón serrar y vamos a poner Close() que es para serrar que cuando le demos en el botón cerrar se sierre.
Vamos a serle el llamado a las librerías con el comando Using System.windows.Forms.DataVisualizacion:, que es para llamar elementos de la gráfica.
Los vamos al formulario y e damos doble clic al botón de actualizar y los aparecerá así.
Vamos a empezar a programar el botón de actualizar lo primero que vamos a ser es una conexión, que para conectar con la tabla de datos.
Seguidamente vamos a ser una estructura de control, significa que podes trabajar sin tener problemas .
If(conexión.crearConeccion() ==True )
{
}
Dentro de if vamos a poner: "Select sexo, count(sexo) as Total from estudiantes group by sexo";
Que es una instrucción SQL es lo que acabamos de hacer que nos sirve para solicitud de datos.
Seguidamente vamos a ir a llamar otra librería que es la librería de MSQL.
Que es: using MySql.Data.MySqlClient;
Seguimos con la solisitud de datos escribireemos el código
MySqlDataAdapter DA = new MySqlDataAdapter(SQL, conexion.oConexion);
Vamos a poblar el dataSet para que se mostrado en la grafica y los vamos ser mediante el método DA.fill.
Para que se quite el error los vamos a ir al formulario le damos en datos y mostrar datos, los aparecen el origen de los datos traemos el campo de total.
Solo es para que se traiga el control le damos clic aparte del archivo y luego lo seleccionamos y los borrarnos lo mismo vamos a ser con los dos que están mas abajo .
Y se los quito el error si podemos observar.
Seguidamente vamos a ser la conexión.
Iremos a configurar la gráfica.
Ahora los vamos a ir a configurar la área de la gráfica.
Seguidamente vamos a configurar el titulo iremos a poner
Title titulo = new Title("Total de Alumno por colegio");
titulo.Font = new Font("Tahoma", 18, FontStyle.Bold);
oGrafico.Titles.Add(titulo);
Series serie = new Series("colegios");
serie.ChartType = SeriesChartType.Pie;
serie.XValueMember = "colegio";
serie.YValueMembers = "Total";
serie.IsValueShownAsLabel = true;
oGrafico.Series.Add(serie);
oGrafico.DataSource = dscolegio.colegios;
Los vamos a ir al Program.cs, y le poner el nombre que lleve nuestro formulario.
Iremos a compilar nuestro programa le damos Ctrl + f5
Los da así tenemos que darle donde dice actualiza para que los aparezca la gráfica.
Ya tenemos nuestra gráfica como pudimos notar no tuvimos errores.
Ejemplo 3
Vamos por el tercer ejemplo en la gráfica esteremos mostrando la cantidad de curso que hay ingresados.
Los vamos a ir a MYSQL y abrimos una nueva hoja.
Vamos a configurar la tabla para eso los vamos a ir a MYSQL y en la hoja que hemos creado vamos a escribir, select curso, count(curso) as Total from colegio.estudiantes group by curso;
Vamos a compilar los esta dando la cantidad de sexo que hay.
Los vamos a ir al proyecto que anterior mente ya aviamos creado, en dscolegios vamos a crear una tabla de datos dando clic derecho y agregar Tabla de datos.
Y tenemos la tabla de datos le ponemos nombre que es Sexo y para agregar columna le damos clic derecho sobre la tabla y le damos agregar columna.
En las columana le ponemos como nombre curso y Total en total en las propiedades le vamos a poner System.Int16.
Vamos a agregar Windows Forms y le vamos a poner de nombre frmGrafCurso
En las propiedades le vamos a en text Gráfica cantidad de alumnos por curso, en WindowState: Maximezed.
Vamos a ir los a cuadros de herramienta en datos, vamos a seleccionar Chart y lo vamos a arrastra asta el formulario.
Cuando ya hemos colocado el objeto chart vamos a ir a buscar la propiedad ancho , vamos a a decirle que abarque toda la área del formulario.
Vamos a ir los a la barrar de herramienta en controles comunes vamos
a seleccionar dos Button y los vamos a arrastrar el primer boton le vamos a poner Actualizar y el otro cerrer.
Vamos a ir a las propiedades, le vamos a dar un clic al primer
botón que seccionamos
btnAtualizar eso mismo vamos a ser con el segundo botón que es serrar
Seguidamente vamos a seleccionar los dos botones y los vamos a las propiedades a anchor.
Vamos a seleccionar el formulario y en las propiedas buscamos, CancelButton
Y le ponemos btnCerrar.
Le damos doble clic al botón serrar y vamos a poner Close() que es para serrar que cuando le demos en el botón cerrar se sierre.
Vamos a serle el llamado a las librerías con el comando Using System.windows.Forms.DataVisualizacion:, que es para llamar elementos de la gráfica.
Los vamos al formulario y e damos doble clic al botón de actualizar y los aparecerá así.
Vamos a empezar a programar el botón de actualizar lo primero que vamos a ser es una conexión, que para conectar con la tabla de datos.
Seguidamente vamos a ser una estructura de control, significa que podes trabajar sin tener problemas .
If(conexión.crearConeccion() ==True )
{
}
Dentro de if vamos a poner: "Select sexo, count(sexo) as Total from estudiantes group by sexo";
Que es una instrucción SQL es lo que acabamos de hacer que nos sirve para solicitud de datos.
Seguidamente vamos a ir a llamar otra librería que es la librería de MSQL.
Que es: using MySql.Data.MySqlClient;
Seguimos con la solicitud de datos escribiremos el código
MySqlDataAdapter DA = new MySqlDataAdapter(SQL, conexion.oConexion);
Vamos a poblar el dataSet para que se mostrado en la grafica y los vamos ser mediante el método DA.fill.
Seguidamente vamos a ser la conexión.
Iremos a configurar la gráfica.
Ahora los vamos a ir a configurar la área de la gráfica.
Seguidamente vamos a configurar el titulo iremos a poner
Title titulo = new Title("Total de Alumno por colegio");
titulo.Font = new Font("Tahoma", 18, FontStyle.Bold);
oGrafico.Titles.Add(titulo);
Series serie = new Series("colegios");
serie.ChartType = SeriesChartType.Pie;
serie.XValueMember = "colegio";
serie.YValueMembers = "Total";
serie.IsValueShownAsLabel = true;
oGrafico.Series.Add(serie);
oGrafico.DataSource = dscolegio.colegios;
Los vamos a ir al Program.cs, y le poner el nombre que lleve nuestro formulario.
Iremos a compilar nuestro programa le damos Ctrl + f5
Los da así tenemos que darle donde dice actualiza para que los aparezca la gráfica.
Ya tenemos nuestra gráfica de pastel, como pudimos notar no tuvimos errores.
Comments
Post a Comment