US24 - Incrementar tela de visualização de dados.

[IanPSRocha]

Descrição

Eu, como Valéria, desejo visualizar os dados de diferentes níveis em diferentes gráficos para que eu possa analisar e interpretar os resultados do cenário atual do meu produto.

Protótipo

Protótipo do Gráfico Gauge

Protótipo da tela

Referência: https://www.youtube.com/watch?v=zKxr-FLfG_k

Tarefas

• [x] Implementar protótipo do gráfico no Figma.
• [x] Implementar protótipo da tela com os botões de escolha.
• [x] Refatorar o código do front-end para que os gráficos de gauge se adequem ao protótipo validado.
• [x] Implementar botões de "Histórico" e "Cenário Atual".
• [x] Implementar escolha de visualização de histórico ou cenário atual.
• [x] Implementar botão e lógica para visualização de dados tabelados.
• [x] Implementar botão para expandir ou retrair a visualização dos gráficos.
• [x] A mensagem de erro deve descrever especificamente para o usuário o erro enccontrado.

Critérios de Aceitação

• [x] O gráfico de gauge deve estar de acordo com o protótipo definido e validado.
• [x] Os gráficos de gauge e de radar devem aparecer somente nos níveis de características, sub-características e medidas.
• [x] O usuário deve ser capaz de escolher visualizar o histórico dos dados ou o cenário atual em cada nível independentemente.
• [x] O usuário não deve ser capaz de visualizar o histórico e o cenário atual de um nível ao mesmo tempo.
• [x] Caso a quantidade de características/sub-características/medidas seja maior do que 4, devem aparecer, inicialmente, apenas os gráficos gauge das 4 primeiras características/sub-características/medidas, com um botão para expandir e mostrar o restante.
• [x] Após o usuário clicar no botão de expansão, a seta do botão deve apontar para cima e, caso seja clicado, a tela volta a apresentar apenas 4 gráficos.
• [x] A quantidade de gráficos gauge por linha não pode ser maior do que 2. Caso seja maior do que 2, eles devem aparecer na linha abaixo.
• [x] Deve haver um botão para visualizar a tabela com os valores mais recentes.
• [x] O botão para visualizar a tabela dos valores mais recentes deve estar disponível somente depois do usuário clicar no "Cenário Atual".