Níveis

Na documentação da versão anterior do XQuiz este elemento aparecia como Gráfico; hoje Gráfico é o elemento de séries de dados — veja Gráfico.

O elemento Níveis compara até quatro categorias lado a lado em uma grade de barras verticais: cada nível traz um título, uma barra que preenche até a pontuação com o número animado dentro, um subtítulo e uma descrição. É típico de páginas de resultado e diagnóstico. Na paleta, ele fica na categoria Relatórios, ao lado do Relatório e do Resultado. Um elemento novo já nasce com três níveis de exemplo — Baixo (30), Médio (60) e Alto (90), todos com o sufixo "%". Para séries de dados em área ou linha, o elemento certo é o Gráfico.

Níveis e campos de cada item

Na aba Conteúdo, seção Níveis, o botão Novo Nível adiciona itens — no mínimo 1 e no máximo 4. A lista aceita reordenação, e cada item vira uma pasta expansível com cinco campos: Título, Subtítulo, Pontuação (de 0 a 100, em %), Sufixo (texto de até 5 caracteres exibido logo após o número, como "%" ou "pts") e Descrição. Todos aceitam variáveis no formato {{nome}}, exceto o Sufixo; na Pontuação, vale um número ou uma única referência de variável.

Aparência

A aba Tema traz três cores: a primária e a secundária formam o degradê das barras — da secundária, na base, para a primária, no topo — e a cor do texto pinta os textos. O grupo Container controla o fundo e a borda do card externo.

Configurações

A aba Configurações traz o Delay (por tempo ou por um Vídeo da página) e a Exibição condicional.

No funil publicado

Os níveis aparecem em uma única linha, em colunas de largura igual separadas por divisores verticais — de cima para baixo: título, barra, subtítulo e descrição, tudo centrado. A barra preenche de baixo para cima e o número conta de 0 até a pontuação em cerca de 5 segundos — a animação roda igual no canvas do editor. Atenção com variáveis: se a variável da pontuação não tiver valor na sessão, aquele nível não aparece no funil publicado (os demais seguem exibidos); no editor, vale o padrão 100.