Web Components Gráfico de puntos
El Gráfico de puntos Ignite UI for Web Components representa una colección de puntos. Los valores se representan en el eje y (etiquetas en el lado izquierdo) y las categorías se muestran en el eje x (etiquetas inferiores). Estos gráficos enfatizan la cantidad de cambio durante un período de tiempo o comparan varios elementos, así como la relación de partes de un todo, mostrando el total de los valores trazados.
Web Components Point Chart Example
Puede crear el Gráfico de puntos Web Components en el control IgcCategoryChartComponent
vinculando sus datos a la propiedad ItemsSource
y configurando la propiedad chartType
en Point enum, como se muestra en el siguiente ejemplo.
Web Components Point Chart with Single Series
En el siguiente ejemplo, el Gráfico de puntos Web Components traza una única fuente de datos seleccionando automáticamente la columna de datos numéricos para el eje y y la columna de datos no numéricos para el eje x.
Web Components Point Chart with Multiple Series
Dado que el Gráfico de puntos Web Components le permite combinar varias series y compararlas o ver cómo cambian con el tiempo, veamos qué fácil es lograrlo. Todo lo que tenemos que hacer es vincularnos a una fuente de datos que contenga los datos de China y EE. UU., y el gráfico de puntos se actualizará automáticamente para ajustarse a los datos adicionales.
Web Components Point Chart Styling
Una vez configurado el Gráfico de puntos Web Components, es posible que queramos realizar algunas personalizaciones de estilo adicionales, como cambiar los marcadores y sus contornos, pinceles y grosor.
Advanced Types of Point Charts
Puede crear tipos más avanzados de gráficos de puntos Web Components utilizando el control IgcDataChartComponent
en lugar del control IgcCategoryChartComponent
siguiendo estos temas:
- Gráfico de burbujas de dispersión
- Gráfico de marcadores de dispersión
- Gráfico de dispersión HD
- Gráfico de marcadores polares
Additional Resources
Puede encontrar más información sobre las funciones de gráficos relacionadas en estos temas:
API References
La siguiente tabla enumera los miembros de API mencionados en las secciones anteriores: