# LivaPieChart
Package: @dataliva/livalib
Description: @dataliva/livalib pasta ve halka grafik bileşeni.

DevExtreme'in PieChart bileşenini saran ince bir katman. Dilimler `PieSeries`
alt bileşeniyle tanımlanır; etiketler için `PieLabel`, ipuçları için
`PieTooltip` kullanılır. `type` prop'u ile klasik pasta veya halka (doughnut)
görünümü seçilir.

```tsx
import {
  LivaPieChart,
  PieSeries,
  PieLabel,
  PieTooltip,
  PieTitle,
} from "@dataliva/livalib";
import { Connector } from "devextreme-react/pie-chart";
```

## Pasta grafik

`PieSeries` üzerinde `argumentField` dilim adını, `valueField` dilim değerini
belirler. `PieLabel` dilim etiketlerini açar; `Connector` etiketi dilime bağlar.

**Örnek — Pasta grafik — kategori bazlı pazar payı:**

```tsx
<LivaPieChart dataSource={pazarPaylari} height={320} palette="Soft Pastel">
  <PieSeries argumentField="kategori" valueField="pay">
    <PieLabel visible format="fixedPoint">
      <Connector visible width={1} />
    </PieLabel>
  </PieSeries>
  <PieTooltip enabled />
</LivaPieChart>
```

## Halka (doughnut) grafik

`type="doughnut"` halka görünümüne geçirir; `innerRadius` iç boşluğun oranını
belirler (0 ile 1 arası).

**Örnek — Halka (doughnut) grafik — şehir bazlı satış:**

```tsx
<LivaPieChart
  dataSource={sehirSatislari}
  type="doughnut"
  innerRadius={0.6}
  height={320}
>
  <PieSeries argumentField="sehir" valueField="satis" />
  <PieTooltip enabled />
</LivaPieChart>
```

## Prop'lar

| Prop | Tip | Açıklama |
|------|------|---------|
| `dataSource` | `object[]` | Grafiğin veri kaynağı |
| `type` | `'pie' \| 'doughnut' \| 'donut'` | Grafik türü, varsayılan `'pie'` |
| `innerRadius` | `number` | Halka türünde iç yarıçap oranı |
| `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 |

`PieSeries`, `PieLabel`, `PieTooltip` ve `PieTitle` alt bileşenleri doğrudan
`@dataliva/livalib`'den alınır; `Connector` gibi diğer alt bileşenler
`devextreme-react/pie-chart` paketinden içe aktarılır. Geri kalan tüm prop'lar
DevExtreme `PieChart`'tan miras alınır.