Skip to content

a-chart

ChartElement

A simple chart with data loaded from a URL and styleable with CSS. Data should be structured acording to the Chart.js Data Structure.

Example


<a-chart
type="bar"
class="h-[300px] aspect-[2/1] text-black stroke-black/5 dark:stroke-white/5 dark:text-white"
src="/atrium/chart-data.json"
/>

Attributes


Name Type Default value Description
height number undefined

height in pixel

src string undefined

url to daata

type "bar" | "line" undefined

chart type

width number undefined

width in pixel

Events


Name Description
load

Emitted when the chart has loaded.

Methods


ChartElement.cleanup()

src/ChartElement.ts:230

chart.js destroy

ChartElement.options()

src/ChartElement.ts:170

chart.js options