Angular Gráfico de puntos

    El Ignite UI for Angular 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 durante un período de tiempo o comparan varios elementos, así como la relación de las partes de un todo, mostrando el total de los valores trazados.

    Angular Point Chart Example

    You can create the Angular Point Chart in the IgxCategoryChartComponent control by binding your data to ItemsSource property and setting chartType property to Point enum, as shown in the example below.

    Angular Point Chart with Single Series

    En el ejemplo siguiente, el Angular Gráfico de puntos traza un único origen 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.

    Angular Point Chart with Multiple Series

    Dado que el Angular Gráfico de puntos te permite combinar varias series y comparar o ver cómo cambian con el tiempo, veamos lo fácil que es lograrlo. Todo lo que tenemos que hacer es vincular 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 adaptarse a los datos adicionales.

    Angular Point Chart Styling

    Una vez que el Angular Gráfico de puntos esté configurado, es posible que deseemos realizar algunas personalizaciones de estilo adicionales, como cambiar los marcadores y sus contornos, pinceles y grosor.

    Advanced Types of Point Charts

    You can create more advanced types of Angular Point Charts using the IgxDataChartComponent control instead of IgxCategoryChartComponent control by following these topics:

    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: