# LivaLinearGauge
Package: @dataliva/livalib
Description: @dataliva/livalib doğrusal gösterge (linear gauge) bileşeni.

DevExtreme'in LinearGauge bileşenini saran ince bir katman. Tek bir değeri
yatay veya dikey bir ölçek üzerinde gösterir; sıcaklık, doluluk, seviye
göstergeleri için uygundur.

Dikkat: doğrusal göstergenin `Scale`, `Range` gibi alt bileşenleri dairesel
göstergeninkilerden farklı tiplere sahiptir ve doğrudan
`devextreme-react/linear-gauge` paketinden içe aktarılır.

```tsx
import { LivaLinearGauge } from "@dataliva/livalib";
import {
  Geometry,
  Range,
  RangeContainer,
  Scale,
} from "devextreme-react/linear-gauge";
```

## Yatay gösterge

Varsayılan yön yataydır. `RangeContainer` içindeki `Range` tanımları ölçeği
bölgelere ayırır; renkler konumla birlikte okunur.

**Örnek — Yatay — sıcaklık göstergesi:**

```tsx
<LivaLinearGauge value={24} height={120}>
  <Scale startValue={0} endValue={40} tickInterval={10} />
  <RangeContainer>
    <Range startValue={0} endValue={15} color="#74b9e8" />
    <Range startValue={15} endValue={28} color="#8bc34a" />
    <Range startValue={28} endValue={40} color="#e64a19" />
  </RangeContainer>
</LivaLinearGauge>
```

## Dikey gösterge ve alt değerler

`Geometry` üzerindeki `orientation="vertical"` göstergeyi dikey çizer.
`subvalues` dizisindeki her değer ölçek üzerinde ek bir işaretçi (örneğin
hedef çizgisi) olarak görünür.

**Örnek — Dikey — depo doluluk oranı (%):**

```tsx
<LivaLinearGauge value={65} subvalues={[80]} height={320}>
  <Geometry orientation="vertical" />
  <Scale startValue={0} endValue={100} tickInterval={20} />
</LivaLinearGauge>
```

## Prop'lar

| Prop | Tip | Açıklama |
|------|------|---------|
| `value` | `number` | Gösterilen ana değer |
| `subvalues` | `number[]` | Ek işaretçi değerleri (ör. hedef) |
| `height` / `width` | `number \| string` | Gösterge boyutları |
| `className` | `string` | livalib'e özgü ek prop |
| `style` | `React.CSSProperties` | livalib'e özgü ek prop |

`Geometry` yönü: `'horizontal' \| 'vertical'`. Geri kalan tüm prop'lar
DevExtreme `LinearGauge`'dan miras alınır.