BarChart

Um componente de gráfico reutilizável para exibir dados visualmente.

---

Quando usar:

• Exibir dados em formatos visuais;
• É eficaz ao exibir muitas categorias;
• Visualizar tendências, proporções ou comparações em dados.

Quando não usar:

• Para informações simples que podem ser exibidas em um formato tabular ou em texto;
• Não é recomendado para comparação percentual ou partes de um todo.

---

Uso

<CdsBarChart
	variant="green"
	size="md"
	text="Lorem Ipsum"
	@click="barChartClick = true"
/>

---

Preview

⚡Nenhum evento foi disparado

---

Props

Nome	Tipo	Default	Opções	Descrição
* data (required)	array		--	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	A variante de cor. São 11 variantes:
* labels (required)	array	[]	--	Defina as labels do gráfico
barWidth	number	1	--	Configura a porcentagem ocupada pela barra do gráfico. (0.1-1).
horizontalBar	boolean	false	--	Prop para exibir as barras na direção do eixo x

---