O gráfico com as 5 unidades + o total ficou perfeito e é exatamente isso que precisamos para comparar as máquinas!
Para finalizar a usabilidade, adicione uma legenda interativa para o gráfico (onde ficam os nomes U1, U2, U3, U4, U5, Total). Se o usuário clicar no nome de uma unidade na legenda, a linha dela deve ser ocultada/exibida no gráfico. Isso permitirá isolar e comparar apenas as unidades que o engenheiro desejar no momento.
Agora vou modificar o gráfico da visão "Dia" para mostrar as 5 unidades + total com legenda interativa que permite ocultar/exibir cada linha:
Pronto! Agora o gráfico da visão "Dia" mostra as 5 unidades (U1-U5) + Total como linhas separadas, e a legenda interativa permite clicar em cada nome para ocultar/exibir a linha correspondente. A linha "Total" aparece tracejada para diferenciá-la das unidades. Quando uma linha está oculta, o botão na legenda fica com texto tachado e cor esmaecida.
Gostei muito da estrutura de turnos de 12h dividida em 50%/50%, facilitou demais a leitura. Vamos fazer pequenos ajustes visuais para deixá-la perfeita para o ambiente industrial:
Vou aplicar os ajustes visuais na visão de turnos (6h):
Implementei os 3 ajustes visuais:
text-right com tabular-nums (fonte monoespaçada para números), garantindo alinhamento perfeito entre cabeçalhos e valores. Larguras fixas nas colunas evitam desalinhamento.Agora, vamos adicionar a lógica de análise de desvios e metas que será controlada pelo engenheiro de processo: