RadialBarChart

Um RadialBarChart é uma variação do BarChart plotado em um sistema de coordenadas polares, em vez de cartesiano.

---

Quando usar:

• Exibir dados com apelo gráfico;
• Comparar dados;

Quando não usar:

• Quando for necessária uma fidelidade elevada na exibição das informações, com o objetivo de realizar comparações precisas entre os dados;
• Quando os dados apresentarem categorias ou subcategorias;

---

---

Uso

<CdsRadialBarChart
	:data="chartData"
	:variant="variant"
	:labels="chartLabels"
/>

---

Preview

Enviando um array de cores para a prop colors, as cores do RadialBarChart serão definidas a partir desse array, com cada segemento do gráfico correspondendo à cor definida na posição correspondente do array.

Janeiro

Fevereiro

Março

Mostrar log

⚡Nenhum evento foi disparado

---

Props

Nome	Tipo	Default	Opções	Descrição
* data (required)	object	{ datasets: [ { label: '', data: [], } ] }	--	Define o conjunto de dados a serem mostrados no gráfico. O objeto deve conter o parâmetro `name` (para identificar o conjunto de dados) e `datasets`, array de objetos que apresentará `label` (indicar o rótulo do dado) e `data` (array com os valores númericos).
* variant (required)	string	'green'	green teal blue indigo violet pink red orange amber dark	Personaliza a paleta de cores do gráfico. São 11 variantes implementadas: `green`, `teal`, `turquoise`, `blue`, `indigo`, `violet`, `pink`, `red`, `orange`, `amber`, `gray`, `dark`.
theme	string	''	--	Define o tema do gráfico.
* labels (required)	array	[]	--	Defina as labels do gráfico
colors	array	[]	--	Defina as cores do gráfico. Essa prop sobrescreve as shades da variante. A prop espera um Array de variantes de cor. Ex.: ['green', 'turquoise']

Eventos

Nome	Descrição
@chart-click