--- name: categorical-expert description: Kategorik veri karşılaştırma (Bar/Column) kuralları --- # Kategorik Karşılaştırma Kuralları ## 1. Görsel Seçimi - Kategori < 5 ise: Dikey Bar. - Kategori İsimleri > 15 karakter ise: Yatay Bar (`xAxis: {type: 'value'}, yAxis: {type: 'category'}`). ## 2. Teknik Şablon - `dataset.source`: SQL'den gelen ham JSON verisini buraya bağla. - `encode`: x ve y kolonlarını SQL sonuç başlıklarıyla eşle. - `tooltip`: `trigger: 'axis'` ve `axisPointer: { type: 'shadow' }` mutlaka ekle. ## 3. Stil Standartları - `borderRadius: [5, 5, 0, 0]` (Dikey için) veya `[0, 5, 5, 0]` (Yatay için). - `emphasis.focus: 'series'`. - Renk: Gradyan kullanacaksan sadece standart `echarts.graphic.LinearGradient` yapısını bozmadan uygula. ## 4. Kısıtlamalar - Gereksiz `toolbox` veya `dataZoom` ekleme (kullanıcı istemedikçe). - `grid.containLabel: true` her zaman aktif olsun.