Ejemplo de resaltado de gráfico Blazor

    El siguiente ejemplo demuestra las diferentes opciones de resaltado que están disponibles en el gráfico Blazor.

    EXAMPLE
    MODULES
    DATA
    RAZOR
    CSS

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

    Modos y comportamientos de resaltado de gráficos Blazor

    Todos los gráficos Blazor admiten una variedad de opciones de resaltado. HighlightingMode se puede configurar para que brille o se atenúe cuando el mouse se desplaza sobre una serie o un elemento de datos representado en el área del gráfico. HighlightingBehavior se puede configurar para que se muestre directamente sobre el elemento de datos más cercano para activar el efecto de resaltado. Los controles IgbCategoryChart, IgbFinancialChart e IgbDataChart admiten modos y comportamientos de resaltado y tienen la misma API para usar la función de resaltado.

    El siguiente ejemplo demuestra el gráfico HighlightingMode Blazor.

    EXAMPLE
    MODULES
    DATA
    RAZOR
    CSS

    El siguiente ejemplo demuestra el gráfico Blazor HighlightingBehavior.

    EXAMPLE
    MODULES
    DATA
    RAZOR
    CSS

    Resaltado de leyendas en gráficos Blazor

    Todos los gráficos Blazor admiten el resaltado de leyendas. Se puede habilitar LegendHighlightingMode para que, cuando el mouse se desplace sobre un elemento de marcador de leyenda, la serie representada se resalte en el área del gráfico. El resaltado de leyendas es compatible con los controles IgbCategoryChart, IgbFinancialChart e IgbDataChart y tienen la misma API para usar la función de resaltado.

    El siguiente ejemplo demuestra la serie de leyendas resaltando el gráfico Blazor.

    EXAMPLE
    DATA
    MODULES
    RAZOR
    CSS

    Resaltar capas

    La Ignite UI for Blazor IgbCategoryChart puede habilitar tres tipos de resaltado al pasar el cursor sobre los elementos de datos.

    1. El resaltado de series resaltará el único punto de datos representado por un marcador o columna cuando el puntero se coloque sobre él. Esto se habilita estableciendo la propiedad IsSeriesHighlightingEnabled en verdadero.

    2. El resaltado de elementos resalta los elementos de una serie, ya sea dibujando una forma de banda en su posición o representando un marcador en su posición. Esto se habilita estableciendo la propiedad IsItemHighlightingEnabled en verdadero.

    3. El resaltado de categorías apunta a todos los ejes de categorías del gráfico. Dibujan una forma que ilumina el área del eje más cercana a la posición del puntero. Esto se habilita estableciendo la propiedad IsCategoryHighlightingEnabled en verdadero.

    El siguiente ejemplo demuestra las diferentes capas de resaltado que están disponibles en el gráfico Blazor.

    EXAMPLE
    MODULES
    RAZOR
    CSS

    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: