Angular Marcadores de gráfico

    No Ignite UI for Angular, os marcadores são elementos visuais que exibem os valores dos pontos de dados na área de plotagem do gráfico. Os marcadores ajudam os usuários finais a identificar imediatamente o valor de um ponto de dados, mesmo que o valor esteja entre as linhas de grade principais ou secundárias.

    Angular Chart Marker Example

    No exemplo a seguir, o Gráfico de Linhas compara a geração de eletricidade renovável para os países Europa, China e EUA entre 2009 e 2019, com marcadores ativados ao definir oMarkerType valor de enum daCircle propriedade.

    As cores dos marcadores também são gerenciadas definindo asmarkerBrushes propriedades emarkerOutlines na amostra abaixo. Os marcadores echartType também podem ser configurados neste exemplo usando os menus suspensos.

    Angular Chart Marker Templates

    Além das propriedades do marcador, você pode implementar seu próprio marcador definindo uma função para aMarkerTemplate propriedade de uma série renderizada noIgxCategoryChartComponent controle, como demonstrado no exemplo abaixo.

    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: