Passo a passo para criar um seletor que troca a métrica de um ou mais cards.
O seletor de métrica deixa quem usa o painel escolher qual número um card desenha. Nesta página, você monta um card de linha “por mês” que alterna entre Tempo de espera e Tempo de atendimento.
Os nomes de indicador e de coluna desta página são fictícios. No seu painel, use os nomes dos seus indicadores.
Cada métrica precisa vir de algum lugar. Há dois jeitos, e você pode misturar os dois:
Um indicador com várias colunas. O mesmo indicador calcula tempo_espera e tempo_atendimento. Cada opção escolhe uma coluna.
Um indicador por métrica. “Tempo de espera por mês” e “Tempo de atendimento por mês” são indicadores separados. Cada opção aponta para um deles.
Um indicador só aparece na lista Outro indicador depois de publicado. Se você acabou de criar o indicador e ele não aparece, publique-o e recarregue o painel.
No painel, clique em Editar. Os cards ganham borda tracejada e aparece a barra de edição.
2
Crie o seletor
Escolha onde ele vai ficar:
+ Filtro (1), na barra de edição, cria o seletor no topo do painel.
⋯ › Adicionar filtro a este card (2), no menu de um card, cria o seletor dentro do card.
Os dois caminhos para criar o seletor.
Um seletor dentro de um card também pode comandar os outros cards da aba. O lugar decide só onde o dropdown aparece.
3
Escolha o tipo e escreva as opções
Clique no seletor que apareceu para abrir a barra lateral dele. Depois:
Em Rótulo, escreva o que quem usa vai ler, por exemplo Métrica.
Em Tipo, escolha Seletor de métrica (1).
Em Opções (2), escreva um nome por opção. Use + Opção para acrescentar outra.
Em Opção padrão (3), escolha a que o painel mostra ao abrir.
A barra lateral do seletor, com o tipo, as opções e a opção padrão.
4
Ligue cada opção em cada card
Na mesma barra lateral, desça até Cards desta aba. Cada card da aba aparece com uma linha por opção. O card onde o dropdown mora vem marcado com · o dropdown fica aqui.Para cada opção, escolha o que o card mostra:
(1) Coluna do próprio card. (2) Outro indicador, com a coluna dele logo abaixo. (3) Opção que este card não mostra. (4) Atalho para ligar as colunas de mesmo nome.
Ao abrir a lista de uma opção, você vê dois grupos:
(1) As colunas do resultado do card. (2) Os indicadores publicados da organização.
Coluna deste card: a opção desenha uma coluna que o indicador do card já devolve.
Outro indicador: quando a opção é a escolhida, o card roda esse indicador. Depois de escolhê-lo, aparece uma segunda lista com as colunas dele. A plataforma já liga a coluna de mesmo nome da opção, ou a primeira numérica. Confira se é a certa.
(não se aplica): o card não tem essa métrica. Quando a opção for escolhida, ele mostra um aviso em vez do gráfico.
Quando o nome da coluna é igual ao da opção (sem contar acento e maiúsculas), o botão Ligar as colunas de mesmo nome faz as ligações de uma vez. A opção “Tempo de espera” liga sozinha na coluna tempo_espera.
5
Mostre a opção no título
No título do card, escreva o código do seletor entre chaves. A barra lateral mostra qual é, por exemplo {filtro_1}.O título {filtro_1} por mês aparece como Tempo de espera por mês ou Tempo de atendimento por mês, conforme a escolha.
6
Salve e teste
Clique em Salvar. Fora do modo de edição, troque a opção no seletor e confira cada card.
Métricas diferentes pedem formatos diferentes: um tempo em minutos, uma taxa em percentual. No card, abra a aba Formato e use Formato de para escolher qual métrica você está formatando. O formato do card vale para as métricas que não têm formato próprio.
