Tutorial C# – Creando gráfico en aplicación Windows Forms, 75 characters.

Hola chicos, ¡bienvenidos una vez más! En este artículo les mostraré cómo utilizar gráficos o diagramas en su aplicación de C# ¡Así que empecemos! Para hacer esto, vamos a necesitar la herramienta de gráficos, así que accedamos a nuestra caja de herramientas y seleccionemos la herramienta de gráficos en la sección de datos y coloquémosla en nuestro formulario y ajustémosla según nuestras necesidades, así como yo lo hice. Necesitaré un botón para cargar el gráfico, así que agreguémoslo y cambiemos el nombre del botón a «Cargar gráfico».

Antes de escribir el código para cargar el gráfico, quiero mostrarles algunas propiedades de este. Solo seleccionen el gráfico y vayan a las propiedades. Por ejemplo, si quieren mostrar un gráfico de nombres versus edades en tipo columna, se mostrarán barras en el gráfico, ¿verdad? Quiero cambiar esta serie a «edad», así que cambiaré el nombre aquí. También hay más propiedades útiles que pueden utilizar, como elegir una imagen de fondo para su gráfico o diseñar un borde. Incluso pueden seleccionar qué tipo de gráfico mostrar, ya sea de tipo columna o de línea, por ejemplo.

¡Así que con las configuraciones hechas, el gráfico está listo para ser utilizado! Simplemente hagan clic en el botón de carga y vean los nombres en su gráfico. Yo voy a escribir el código para cargar un gráfico de nombres versus edades. Así que agreguemos este código en el evento de clic del botón: this.chart1.Series[«edad»].Points.AddXY(«Max», 33);. Si desean mostrar más barras, simplemente copien y peguen el código y cambien el nombre y la edad como deseen.

¡Probemos el programa! Iniciémoslo y cuando presionen el botón de carga, el gráfico aparecerá aquí. ¡Perfecto! Pero ¿qué tal si también queremos mostrar las puntuaciones de estas personas? ¿Cómo podemos lograrlo? Les mostraré cómo pueden mostrar dos barras en el mismo gráfico. Solo seleccionen el gráfico nuevamente, vayan a las series y agreguen un nuevo miembro. Cambien el nombre como deseen y en mi caso, lo cambiaré a «punteo». El código para esto es igual al anterior, solo cambien el nombre de la serie a «punteo» y agreguen las puntuaciones.

¡Y ahí lo tienen! Ahora tienen dos barras en su gráfico para las edades y los puntajes. Pueden utilizar este gráfico para mostrar sus propios datos en su aplicación. En el próximo artículo, les mostraré cómo pueden vincular este gráfico a su base de datos. Así que estén atentos. No olviden darle «me gusta», comentar y suscribirse. ¡Hasta pronto!

Deja un comentario