> ## Documentation Index
> Fetch the complete documentation index at: https://ajuda.medemerge.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Seletor de métrica

> 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**.

<Note>
  Os nomes de indicador e de coluna desta página são fictícios. No seu painel, use os nomes dos seus indicadores.
</Note>

## Antes de começar

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.

<Warning>
  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.
</Warning>

## Passo a passo

<Steps>
  <Step title="Entre no modo de edição">
    No painel, clique em **Editar**. Os cards ganham borda tracejada e aparece a barra de edição.
  </Step>

  <Step title="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.

    <Frame caption="Os dois caminhos para criar o seletor.">
      <img src="https://mintcdn.com/medemerge/vDDm7AxscFVgd1kE/images/parametros/adicionar-filtro.png?fit=max&auto=format&n=vDDm7AxscFVgd1kE&q=85&s=6c73d7bdec2127a44ee19600313658d5" alt="Barra de edição com o botão + Filtro destacado e, ao lado, o menu do card com Adicionar filtro a este card destacado" width="1294" height="598" data-path="images/parametros/adicionar-filtro.png" />
    </Frame>

    Um seletor dentro de um card também pode comandar os **outros** cards da aba. O lugar decide só onde o dropdown aparece.
  </Step>

  <Step title="Escolha o tipo e escreva as opções">
    Clique no seletor que apareceu para abrir a barra lateral dele. Depois:

    1. Em **Rótulo**, escreva o que quem usa vai ler, por exemplo `Métrica`.
    2. Em **Tipo**, escolha **Seletor de métrica (1)**.
    3. Em **Opções (2)**, escreva um nome por opção. Use **+ Opção** para acrescentar outra.
    4. Em **Opção padrão (3)**, escolha a que o painel mostra ao abrir.

    <Frame caption="A barra lateral do seletor, com o tipo, as opções e a opção padrão.">
      <img src="https://mintcdn.com/medemerge/vDDm7AxscFVgd1kE/images/parametros/barra-tipo-opcoes.png?fit=max&auto=format&n=vDDm7AxscFVgd1kE&q=85&s=efb9d426693252f517db6633c30393fb" alt="Barra lateral com Rótulo Métrica, Tipo Seletor de métrica, duas opções e a Opção padrão" width="768" height="1136" data-path="images/parametros/barra-tipo-opcoes.png" />
    </Frame>
  </Step>

  <Step title="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:

    <Frame caption="(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.">
      <img src="https://mintcdn.com/medemerge/vDDm7AxscFVgd1kE/images/parametros/barra-cards-ligacao.png?fit=max&auto=format&n=vDDm7AxscFVgd1kE&q=85&s=53d93fca0843fe73006e7611641d7e0a" alt="Seção Cards desta aba com dois cards e as ligações de cada opção" width="890" height="828" data-path="images/parametros/barra-cards-ligacao.png" />
    </Frame>

    Ao abrir a lista de uma opção, você vê dois grupos:

    <Frame caption="(1) As colunas do resultado do card. (2) Os indicadores publicados da organização.">
      <img src="https://mintcdn.com/medemerge/vDDm7AxscFVgd1kE/images/parametros/select-aberto.png?fit=max&auto=format&n=vDDm7AxscFVgd1kE&q=85&s=27005611fbe8ce75ccdff9004ceb252f" alt="Lista aberta com (não se aplica), o grupo Coluna deste card e o grupo Outro indicador" width="944" height="566" data-path="images/parametros/select-aberto.png" />
    </Frame>

    * **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.

    <Tip>
      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`.
    </Tip>
  </Step>

  <Step title="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.
  </Step>

  <Step title="Salve e teste">
    Clique em **Salvar**. Fora do modo de edição, troque a opção no seletor e confira cada card.
  </Step>
</Steps>

## O formato de cada métrica

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.

## Renomear e remover opções

* **Renomear** uma opção muda só o texto que se lê. As ligações e os links já compartilhados continuam valendo.
* **Remover** uma opção desfaz as ligações dela em todos os cards. O seletor precisa de pelo menos uma opção.

## Próximos passos

<CardGroup cols={2}>
  <Card title="Um seletor, vários cards" icon="diagram-project" href="/paineis/parametros/um-seletor-varios-cards">
    O mesmo seletor comandando cards com agrupamentos diferentes.
  </Card>

  <Card title="Problemas comuns" icon="circle-question" href="/paineis/parametros/problemas-comuns">
    "Não se aplica a este card", indicador que não aparece e outros avisos.
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.