Características del gráfico Angular

    Los gráficos de Ignite UI for Angular le permiten mostrar muchas características diferentes para representar la historia completa de los datos que se contarán con su gráfico. Cada una de estas características es totalmente personalizable y se puede diseñar para adaptarse a sus necesidades de diseño, lo que le permite un control total. Las interacciones, como el resaltado y las anotaciones, le permiten destacar detalles de datos importantes, lo que permite un análisis de datos más profundo dentro de su gráfico.

    Los gráficos Angular ofrecen las siguientes características de gráficos:

    Eje

    Modifique o personalice todos los aspectos de los ejes X e Y mediante las diferentes propiedades de los ejes. Puede mostrar líneas de cuadrícula, personalizar el estilo de las marcas de graduación, cambiar los títulos de los ejes e incluso modificar las ubicaciones de los ejes y los valores de cruce. Puede obtener más información sobre las personalizaciones de los temas Líneas de cuadrícula de los ejes, Diseños de los ejes y Opciones de los ejes del gráfico de Angular.

    EXAMPLE
    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.

    Anotaciones

    Estas capas adicionales están en la parte superior del gráfico y dependen del tacto o del mouse. Usados individualmente o combinados, proporcionan interacciones poderosas que ayudan a resaltar ciertos valores dentro del gráfico. Puede obtener más información sobre esta función en el tema Anotaciones de gráficos.

    EXAMPLE
    MODULES
    TS
    HTML
    SCSS

    animaciones

    Anime su gráfico mientras carga una nueva fuente de datos habilitando animaciones. Estos se pueden personalizar configurando diferentes tipos de animaciones y la velocidad a la que se realizan esas animaciones. Puede obtener más información sobre esta función en el tema Animaciones de gráficos.

    EXAMPLE
    MODULES
    TS
    HTML
    SCSS

    Destacando

    Enfoque elementos visuales como líneas, columnas o marcadores resaltándolos mientras pasa el mouse sobre los elementos de datos. Esta función está habilitada en todos los tipos de gráficos. Puede obtener más información sobre esta función en el tema Resaltado de gráficos.

    EXAMPLE
    MODULES
    TS
    HTML
    SCSS

    App Builder | CTA Banner

    marcadores

    Identifique puntos de datos rápidamente, incluso si el valor se encuentra entre las principales líneas de la cuadrícula con el uso de marcadores en la serie de gráficos. Estos son totalmente personalizables en estilo, color y forma. Puede obtener más información sobre esta función en el tema Marcadores de gráficos.

    EXAMPLE
    DATA
    MODULES
    TS
    HTML
    SCSS

    Puede navegar por el gráfico haciendo zoom y desplazándose con el mouse, el teclado y las interacciones táctiles. Puede obtener más información sobre esta función en el tema Navegación de gráficos.

    EXAMPLE
    DATA
    MODULES
    TS
    HTML
    SCSS

    Superposiciones

    Las superposiciones le permiten anotar valores y umbrales importantes trazando líneas horizontales o verticales en los gráficos. Puede obtener más información sobre esta función en el tema Superposiciones de gráficos.

    EXAMPLE
    DATA
    MODULES
    TS
    HTML
    SCSS

    Actuación

    Los gráficos Angular están optimizados para un alto rendimiento en la representación de millones de puntos de datos y su actualización cada pocos milisegundos. Sin embargo, existen varias características de los gráficos que afectan el rendimiento de los mismos y que se deben tener en cuenta al optimizar el rendimiento de la aplicación. Puede obtener más información sobre esta característica en el tema Rendimiento de los gráficos.

    EXAMPLE
    MODULES
    TS
    HTML
    SCSS

    Información sobre herramientas

    Muestre toda la información relevante para el tipo de serie particular a través de información sobre herramientas. Hay diferentes información sobre herramientas que se pueden habilitar, como información sobre herramientas a nivel de elemento y a nivel de categoría. Puede obtener más información sobre esta función en el tema Información sobre herramientas de gráficos.

    EXAMPLE
    DATA
    MODULES
    TS
    HTML
    SCSS

    Líneas de tendencia

    Utilice líneas de tendencia para identificar una tendencia o encontrar patrones en sus datos. Hay muchas líneas de tendencia diferentes admitidas por el gráfico Angular, como CubicFit y LinearFit. Puede obtener más información sobre esta función en el tema Líneas de tendencia del gráfico.

    EXAMPLE
    DATA
    MODULES
    TS
    HTML
    SCSS

    Referencias de API