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:

    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: