LivaDocs

LivaChart

DevExtreme'in Chart bileşenini saran ince bir katman. Bar, çizgi, alan gibi kartezyen serileri Series alt bileşenleriyle çizer; eksen, lejant ve ipucu yapılandırması da alt bileşenlerle yapılır. Sarmalayıcı yalnızca className ve style prop'larını ekler, geri kalan tüm API DevExtreme Chart ile birebir aynıdır.

import {
  LivaChart,
  Series,
  CommonSeriesSettings,
  ArgumentAxis,
  ValueAxis,
  Legend,
  Title,
  Tooltip,
} from "@dataliva/livalib";

Bar serisi

Tek bir seri için Series üzerinde argumentField, valueField ve type belirtmek yeterlidir. Tek serili grafiklerde lejantı kapatmak iyi bir alışkanlıktır; serinin adını başlık veya name taşır.

Bar serisi — aylık satış
Önizleme yükleniyor…

Çizgi serileri ve lejant

Birden fazla seri çizerken ortak ayarlar CommonSeriesSettings ile bir kez tanımlanır; her Series yalnızca kendi valueField ve name değerini verir. Legend alt bileşeni lejantın konumunu belirler.

Çizgi serileri — iki bölge karşılaştırması
Önizleme yükleniyor…