# LivaFunnel
Package: @dataliva/livalib
Description: @dataliva/livalib huni (funnel) grafik bileşeni.

DevExtreme'in Funnel bileşenini saran ince bir katman. Aşamalı süreçlerdeki
kayıpları (satış hunisi, dönüşüm adımları) görselleştirir. Veriler varsayılan
olarak değere göre azalan sırada dizilir; `inverted` ile piramit görünümü
elde edilir.

Alt bileşenler doğrudan `devextreme-react/funnel` paketinden içe aktarılır.

```tsx
import { LivaFunnel } from "@dataliva/livalib";
import { Label, Tooltip } from "devextreme-react/funnel";
```

## Satış hunisi

`argumentField` aşama adını, `valueField` aşamadaki değeri belirler.
`Label` alt bileşeni her dilimin etiketini gösterir.

**Örnek — Satış hunisi:**

```tsx
<LivaFunnel
  dataSource={satisHunisi}
  argumentField="asama"
  valueField="deger"
  palette="Soft Pastel"
  height={320}
>
  <Label visible position="inside" backgroundColor="none" />
  <Tooltip enabled />
</LivaFunnel>
```

## Piramit görünümü

`inverted` huniyi ters çevirir, `algorithm="dynamicHeight"` dilim yüksekliğini
değerle orantılı çizer; ikisi birlikte klasik piramit görünümünü verir.

**Örnek — Piramit — organizasyon katmanları:**

```tsx
<LivaFunnel
  dataSource={organizasyon}
  argumentField="katman"
  valueField="kisi"
  inverted
  algorithm="dynamicHeight"
  palette="Harmony Light"
  height={320}
>
  <Label visible position="outside" />
  <Tooltip enabled />
</LivaFunnel>
```

## Prop'lar

| Prop | Tip | Açıklama |
|------|------|---------|
| `dataSource` | `object[]` | Huninin veri kaynağı |
| `argumentField` | `string` | Aşama adını taşıyan alan |
| `valueField` | `string` | Aşama değerini taşıyan alan |
| `inverted` | `boolean` | Huniyi ters çevirir, varsayılan `false` |
| `algorithm` | `'dynamicSlope' \| 'dynamicHeight'` | Dilim çizim algoritması |
| `palette` | `string \| string[]` | Dilim renk paleti |
| `height` / `width` | `number \| string` | Grafik boyutları |
| `className` | `string` | livalib'e özgü ek prop |
| `style` | `React.CSSProperties` | livalib'e özgü ek prop |

Geri kalan tüm prop'lar DevExtreme `Funnel`'dan miras alınır.