Blazor Chart Highlighting Example

    O exemplo a seguir demonstra as diferentes opções de destaque disponíveis no gráfico Blazor.

    Blazor Chart destacando modos e comportamentos

    Todos os Blazor Charts suportam uma variedade de opções de destaque. HighlightingMode pode ser definido para clarear ou desbotar quando o mouse estiver passando sobre uma série/item de dados renderizado na área de plotagem. HighlightingBehavior pode ser definido diretamente sobre ou o item de dados mais próximo para acionar o efeito de destaque. Os modos e comportamentos de destaque são suportados pelos controles IgbCategoryChart, IgbFinancialChart e IgbDataChart e eles têm a mesma API para usar o recurso de destaque.

    O exemplo a seguir demonstra o gráfico Blazor HighlightingMode.

    O exemplo a seguir demonstra o gráfico Blazor HighlightingBehavior.

    Destaque da legenda do gráfico Blazor

    Todos Blazor Charts suportam destaque de legenda. LegendHighlightingMode pode ser habilitado para que, quando o mouse estiver passando sobre um item de marcador de legenda, a série renderizada seja destacada na área de plotagem. O destaque de legenda é suportado pelos controles IgbCategoryChart, IgbFinancialChart e IgbDataChart e eles têm a mesma API para usar o recurso de destaque.

    O exemplo a seguir demonstra a série de legendas destacando o gráfico Blazor.

    Highlight Layers

    A Ignite UI for Blazor IgbCategoryChart pode habilitar três tipos de destaque ao passar o mouse sobre itens de dados.

    1. O Series Highlighting destacará o ponto de dados único representado por um marcador ou coluna quando o ponteiro estiver posicionado sobre ele. Isso é habilitado ao definir a propriedade IsSeriesHighlightingEnabled como true.

    2. O Item Highlighting destaca itens em uma série desenhando uma forma com faixas em sua posição ou renderizando um marcador em sua posição. Isso é habilitado ao definir a propriedade IsItemHighlightingEnabled como true.

    3. Category Highlighting tem como alvo todos os eixos de categoria no gráfico. Eles desenham uma forma que ilumina a área do eixo mais próxima da posição do ponteiro. Isso é habilitado ao definir a propriedade IsCategoryHighlightingEnabled como true.

    O exemplo a seguir demonstra as diferentes camadas de destaque disponíveis no gráfico Blazor.

    Additional Resources

    Você pode encontrar mais informações sobre recursos de gráfico relacionados nestes tópicos:

    API References

    A seguir está uma lista de membros da API mencionados nas seções acima: