React Gráfico de puntos
Ignite UI for React Gráfico de puntos 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 en un periodo de tiempo o comparan múltiples elementos, así como la relación de las partes de un todo mostrando el total de los valores trazados.
React Point Chart Example
Puede crear el Gráfico de puntos React en el control IgrCategoryChart
vinculando sus datos a la propiedad ItemsSource
y configurando la propiedad chartType
en Point enum, como se muestra en el siguiente ejemplo.
React Point Chart with Single Series
En el siguiente ejemplo, el Gráfico de puntos React 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.
React Point Chart with Multiple Series
Dado que el Gráfico de puntos React le permite combinar varias series y compararlas o ver cómo cambian con el tiempo, veamos qué tan 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.
React Point Chart Styling
Una vez configurado el Gráfico de puntos React, 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 React utilizando el control IgrDataChart
en lugar del control IgrCategoryChart
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: