# LivaBarGauge
Package: @dataliva/livalib
Description: @dataliva/livalib çok değerli dairesel çubuk gösterge bileşeni.

DevExtreme'in BarGauge bileşenini saran ince bir katman. Aynı ölçek üzerinde
birden fazla değeri iç içe dairesel çubuklarla gösterir; bölge veya dönem
bazlı hedef gerçekleşme oranları için uygundur.

Alt bileşenler `devextreme-react/bar-gauge` paketinden içe aktarılır.

```tsx
import { LivaBarGauge } from "@dataliva/livalib";
import { Geometry, Label, Legend } from "devextreme-react/bar-gauge";
```

## Temel kullanım

`values` dizisindeki her sayı bir çubuğa dönüşür; ölçek `startValue` ve
`endValue` ile tanımlanır. `Label` çubuk uçlarındaki değer etiketlerini
yapılandırır.

**Örnek — Dört bölgenin hedef gerçekleşmesi (%):**

```tsx
const bolgeGerceklesme = [68, 82, 45, 91];

<LivaBarGauge
  startValue={0}
  endValue={100}
  values={bolgeGerceklesme}
  palette="Soft Pastel"
  height={320}
>
  <Label indent={16} format={{ type: "fixedPoint", precision: 0 }} />
</LivaBarGauge>
```

## Geometri ve lejant

`Geometry` başlangıç/bitiş açılarıyla göstergeyi yarım daireye çevirir;
`Legend` her çubuğun rengini ve değerini listeler.

**Örnek — Yarım daire geometrisi ve lejant:**

```tsx
const ceyrekHedefleri = [74, 58, 89];

<LivaBarGauge
  startValue={0}
  endValue={100}
  values={ceyrekHedefleri}
  palette="Harmony Light"
  height={320}
>
  <Geometry startAngle={180} endAngle={0} />
  <Legend visible verticalAlignment="bottom" horizontalAlignment="center" />
</LivaBarGauge>
```

## Prop'lar

| Prop | Tip | Açıklama |
|------|------|---------|
| `values` | `number[]` | Gösterilecek değerler, her biri bir çubuk |
| `startValue` | `number` | Ölçek başlangıcı, varsayılan `0` |
| `endValue` | `number` | Ölçek sonu, varsayılan `100` |
| `palette` | `string \| string[]` | Çubuk renk paleti |
| `relativeInnerRadius` | `number` | İç boşluk oranı |
| `height` / `width` | `number \| string` | Gösterge boyutları |
| `className` | `string` | livalib'e özgü ek prop |
| `style` | `React.CSSProperties` | livalib'e özgü ek prop |

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