Area

Same data shape as line. Fills below the line to emphasise cumulative volume over time.

Metric

Months

Palette

Data shape

Pass this structure to the :data prop.

data shape

[
    ['label' => 'Jan', 'value' => 1200],
    ['label' => 'Feb', 'value' => 1800],
    ['label' => 'Mar', 'value' => 1500],
]

blade

<x-tayo::chart
    type="area"
    :data="$data"
    :height="420"
    colors="default"
/>