Angular Marcadores de gráfico

    En Ignite UI for Angular, los marcadores son elementos visuales que muestran los valores de los puntos de datos en el área de trazado del gráfico. Los marcadores ayudan a los usuarios finales a identificar inmediatamente el valor de un punto de datos, incluso si el valor se encuentra entre las líneas de cuadrícula principales o secundarias.

    Angular Ejemplo de marcador de gráfico

    En el siguiente ejemplo, el Gráfico de líneas compara la generación de electricidad renovable para los países Europa, China y EE. UU. durante los años 2009 a 2019 con marcadores habilitados al establecer la propiedad en Circle valor MarkerType de enumeración.

    Los colores de los marcadores también se administran configurando las propiedades markerBrushes y markerOutlines en el siguiente ejemplo. Los marcadores y chartType también se pueden configurar en este ejemplo utilizando los menús desplegables.

    EXAMPLE
    DATA
    MODULES
    TS
    HTML
    SCSS

    ¿Te gusta esta muestra? Obtenga acceso a nuestro kit de herramientas de Ignite UI for Angular completo y comience a crear sus propias aplicaciones en minutos. Descárgalo gratis.

    Angular Plantillas de marcadores de gráficos

    Además de las propiedades del marcador, puede implementar su propio marcador configurando una función en la propiedad MarkerTemplate de una serie representada en el control IgxCategoryChartComponent como se demuestra en el ejemplo siguiente.

    EXAMPLE
    MODULES
    TS
    HTML
    SCSS

    Recursos adicionales

    Puede encontrar más información sobre las funciones de gráficos relacionadas en estos temas:

    Referencias de API

    La siguiente es una lista de miembros de API mencionados en las secciones anteriores: