Radiais
Formas radiais mostram um valor contra um limite ou poucas grandezas na mesma escala: barras radiais, medidores e radar. Para parte do todo, veja a página de pizza e rosca; para comparar valores próximos ou muitas categorias, use barras.
Barras radiais
Anéis medidos contra o maior valor, ou fatias empilhadas num arco que soma o total.
Envelopes por canal de envio
Janeiro a outubro de 2026
Assinaturas por tipo
Janeiro a outubro de 2026
Progresso e medidor
Um valor contra um limite. A trilha mostra o que falta; o número no centro usa cor de texto, nunca a cor da série.
Envelopes de outubro assinados
Enviados entre 1 e 17 de outubro de 2026
Taxa de conclusão
Envelopes assinados sobre enviados, outubro de 2026
Pizza e rosca
Parte do todo com poucas fatias tem página própria, com pizza, rosca, fatia em destaque, meia rosca e anéis aninhados.
Radar
Várias notas na mesma escala. Funciona com uma ou duas séries; a partir de três, prefira barras agrupadas.
Avaliação das etapas do fluxo
Nota média de 0 a 10, 3º trimestre de 2026
Etapas do fluxo, trimestre a trimestre
Nota média de 0 a 10, 2º e 3º trimestres de 2026
Uso
const config = {
signed: { label: "Assinados", color: "var(--color-chart-1)" },
} satisfies ChartConfig;
<ChartContainer config={config} className="aspect-square h-56">
<RadialBarChart data={[{ signed: 655 }]} startAngle={90} endAngle={-270} innerRadius={72} outerRadius={96}>
<PolarAngleAxis type="number" domain={[0, 702]} tick={false} />
<RadialBar dataKey="signed" fill="var(--color-signed)" background cornerRadius={6} />
</RadialBarChart>
</ChartContainer>