LivaPieChart

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.

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.

Pasta grafik — kategori bazlı pazar payı

Önizleme yükleniyor…

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ı).

Halka (doughnut) grafik — şehir bazlı satış

Önizleme yükleniyor…

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.