Blazor Chart Highlighting Example

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

    Modos y comportamientos de resaltado de gráficos Blazor

    All Blazor Charts support a variety of highlighting options. HighlightingMode can be set to brighten or fade when the mouse is hovering over a series/data item rendered in the plot area. HighlightingBehavior can be set to directly over or the nearest data item to trigger the highlighting effect. Highlighting modes and behaviors is supported by the IgbCategoryChart, IgbFinancialChart, and IgbDataChart controls and they have the same API for using the highlighting feature.

    The following example demonstrates the HighlightingMode Blazor chart.

    The following example demonstrates the HighlightingBehavior Blazor chart.

    Resaltado de leyendas en gráficos Blazor

    All Blazor Charts support legend highlighting. LegendHighlightingMode can enabled so that when mouse is hovering over a legend marker item then the rendered series will highlight in the plot area. Legend highlighting is supported by the IgbCategoryChart, IgbFinancialChart, and IgbDataChart controls and they have the same API for using the highlighting feature.

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

    Highlight Layers

    The Ignite UI for Blazor IgbCategoryChart can enable three types of highlighting when hovering over data items.

    1. Series Highlighting will highlight the single data point represented by a marker or column when the pointer is positioned over it. This is enabled by setting the IsSeriesHighlightingEnabled property to true.

    2. Item Highlighting highlights items in a series either by drawing a banded shape at their position or by rendering a marker at their position. This is enabled by setting the IsItemHighlightingEnabled property to true.

    3. Category Highlighting targets all category axes in the chart. They draw a shape that illuminates the area of the axis closest to the pointer position. This is enabled by setting the IsCategoryHighlightingEnabled property to true.

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

    Additional Resources

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

    API References

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