Os 18 tipos do catálogo do template, com a configuração exata de cada um
(src/sections/_examples/extra/chart-view/) sobre a base de useChart() ·
ApexCharts 4.5.0
curva suave · traço 2,5px · marcadores invisíveis por padrão
marcadores 6px, contorno 3px
chart-line · h 320eixo datetime · gradiente 0.4 → 0
chart-area · h 320traço [0,2,2] · fill [solid, gradient, solid]
chart-mixed · h 320ponta arredondada só no topo · largura varia por tipo
largura 40% · sem traço
chart-column-single · h 320traço 2px transparente separando as colunas
chart-column-multiple · h 320largura 36% · legenda à direita
chart-column-stacked · h 320raio 2px · cor por faixa de valor
chart-column-negative · h 320altura da barra 30% · raio 2px
chart-bar · h 320modo sparkline · sem traço · legenda custom fora do canvas
rótulos de dado ligados, sem sombra
chart-pie · 240×240furo 72% · legenda com valores
chart-donut · 240×240todos com preenchimento em gradiente entre dois tons da mesma cor
furo 32% · trilha 8% cinza · gradiente light→main
chart-radial-bar · 320×320arco −90° a 90° · rótulo com legenda em caption
chart-semi-circle-gauge · 260×260arco −135° a 135° · traço pontilhado 4 · trilha 100%
chart-stroked-gauge · 260×260preenchimento 48% · traço 2px · legenda flutuante
chart-radar-bar · h 2808 divisões no X · marcadores 6px
chart-scatter · h 350distributed · cor por célula · 6 cores
chart-heatmap · h 320rótulos de dado ligados · tooltip sem eixo X
chart-treemap · h 320traço 2px na cor do divisor · superior info / inferior erro
chart-box-plot · h 320useChart()) e só mudam o que é específico do tipo.
rgba(145,158,171,0.2) · eixos sem linha e sem ticks · texto do eixo 12px
#919EAB · colunas com canto arredondado só no topo · hover que
escurece · tooltip branco com blur e título sobre #F4F6F8 ·
pizza/rosca/medidores em modo sparkline (sem eixos nem grade) com a legenda desenhada
fora do gráfico.
11b-graficos-widgets.md, e a ficha do motor em
11-graficos.md.