Charts / Funnel

Funnel

Ordered stages with automatic conversion rate calculation between each step.

Funnel

Palette

Data shape

Pass this structure to the :data prop.

data shape

[
    ['label' => 'Website Visits', 'value' => 24000],
    ['label' => 'Trial Signups',  'value' =>  6200],
    ['label' => 'Activated',      'value' =>  2800],
    ['label' => 'Converted',      'value' =>   940],
]

Usage

blade

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

Waterfall