Microchart Bullet

O microchart Bullet é um componente SAPUI5 visual que compara um valor medido com um valor alvo em uma única barra horizontal. Esse campo aceita valores numéricos, que serão exibidos como uma barra preenchida até o valor atual, com um traço vertical que marca o alvo e, opcionalmente, uma faixa mais clara com o valor previsto. É indicado para acompanhar metas, como quantidade produzida contra quantidade planejada ou valor realizado contra orçamento.

Os modos disponíveis são:

• Atual: a barra é preenchida até o valor do campo;
• Delta: a barra mostra somente a diferença entre o valor do campo e o valor alvo.

Aqui você tem a opção de escolher entre quatro tamanhos diferentes para a exibição do microchart bullet: Grande (L), Médio (M), Pequeno (S) e Muito Pequeno (XS).

A cor da barra pode ser Simples, com uma única cor fixa, ou Múltipla, variando conforme o valor. As cores disponíveis são:

• Neutral: cor Cinza;
• Good: cor Verde;
• Critical: cor Laranja;
• Error: cor Vermelha.

Note o campo de Exemplo, que permite a visualização de como o componente será exibido com base nas opções selecionadas.

---

Configuração no Builder

Adicionar o campo de referência

O Bullet é configurado em um campo de referência, que aponta para um campo numérico já existente na estrutura. Assim, o campo original continua disponível e o microchart é exibido em uma coluna própria.

Passos para adicionar o campo:

• Abra a subseção Tela (Lista Principal) da etapa Saída;
• Acione o ícone de Inserir da estrutura que receberá o campo, neste exemplo a tabela Item;
• Selecione a opção Referência.

• No diálogo Referência, preencha o Nome e a Descrição do novo campo;
• Em Estrutura, mantenha a estrutura em que o campo está sendo criado;
• Acione a ajuda de pesquisa do campo Campo e selecione o campo numérico que será exibido, neste exemplo Quantidade do pedido (MENGE).

Configurar microchart Bullet

• Em Retorno, selecione a opção Bullet;
• A seção Propriedades do Retorno será exibida com os valores padrão do componente.

Passos para a configuração com cores por faixa de valor:

• Em Tamanho, escolha o tamanho desejado;
• Em Modo, escolha Atual;
• Em Marcador de Valor, escolha se o valor será exibido junto à barra;
• No campo Escala, informe o texto que acompanha o número, neste exemplo un;
• Em Valor Mín. e Valor Máx., informe o início e o fim da barra;
• Em Valor Alvo, informe a meta, que será exibida como um traço vertical;
• Em Valor Previsto, informe a projeção, que será exibida como uma faixa mais clara;
• Em Exibir Limiares, escolha Sim e, em Tipo de Cor, escolha Múltiplo;
• Na tabela Cores da Tabela, informe em cada linha o Valor a partir do qual a Cor será aplicada. Utilize o ícone de Inserir para incluir novas faixas;
• No campo Exemplo, movimente o controle deslizante para ver como a barra será apresentada na aplicação.

No exemplo abaixo, valores de 0 a 29 são exibidos em vermelho (Error), de 30 a 59 em laranja (Critical) e a partir de 60, a meta, em verde (Good).

Ao escolher o modo Delta, a barra deixa de mostrar o valor inteiro e passa a mostrar somente a diferença em relação ao alvo:

Para utilizar uma única cor, escolha Simples em Tipo de Cor e selecione a cor no campo Cor:

• Acione o botão OK, depois Construir, confirme e aguarde a mensagem de sucesso.