Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
UniChart Çizim Alanını Panele Nasıl Sığdırabilirim?
#1
Merhaba,
DB'den aldığım verileri UniChart PieSeries ile ekranda gösteriyorum. 
UniChart'ın kapladığı alan içerisine PieSeries verisi tam olarak sığmıyor. Çizim panelinin UniChart içerisine çizimi bozmayacak şekilde nasıl sığdırabilirim.

   
While true do; Hayat döngüsü, kısır değildir! Yapılan bir yanlış, o döngünün dışına çıkmanızı sağlayacaktır.
WWW
Cevapla
#2
Merhaba Fesih Bey,

Projenizde uniChart bileşeni seçtikten sonra Object Inspector penceresinde SeriesList özelliğine tıklayın. Açılan UniChart Series başlıklı liste formunda oluşturduğunuz seriyi seçin. Object Inspector penceresinden SeriesLabel özelliğinin altındaki Display ibaresinin outside olmasını sağlayın.
Cevapla
#3
Cevabınız için teşekkür ederim @delphi.developer.
Belirttiğiniz değişikliği yaptıktan sonraki son hali aşağıdaki gibi oluyor. 

   

Bu durumda hem veri başlıkları kayboluyor, hem de grafik yine chart alanına sığmıyor.
While true do; Hayat döngüsü, kısır değildir! Yapılan bir yanlış, o döngünün dışına çıkmanızı sağlayacaktır.
WWW
Cevapla
#4
(03-06-2019, Saat: 13:08)Fesih ARSLAN Adlı Kullanıcıdan Alıntı: Cevabınız için teşekkür ederim @delphi.developer.
Belirttiğiniz değişikliği yaptıktan sonraki son hali aşağıdaki gibi oluyor. 



Bu durumda hem veri başlıkları kayboluyor, hem de grafik yine chart alanına sığmıyor.

Merhaba

Öncelikle UniChart bişenini seçerek LayoutConfig -> BodyPadding özelliğini 0 yapın.

UniChart -> SeriesList 'i tıklayarak açılan pencerede oluşturduğunuz Seri 'yi seçin ve Object Inspector penceresinden SeriesLabel -> Display özelliğinin inside olmasını sağlayın.

UniChart -> ClientEvents -> UniEvents özelliğine tıklayın ve açılan formun sol üst köşesindeki liste kutusundan Ext.chart.PolarChart 'ı seçerek chart.beforeInit event içeriğinin aşağıdaki şekilde olmasını sağlayın.

function chart.beforeInit(sender, config)
{
 config.innerPadding=10;
 config.insetPadding=5;
}

Kendi yaptığım testlerde chart nesnesinin birim kesit parçalarının kısmi görülmeme sorununu bu şekilde halledebildim. Fakat bununla beraber daire şekilinde kullanılan bu tarz grafik gösterimlerinde artan birim kesit sayısı ile beraber, ilgili kesitlere ait etiketlerin görüntülenme sorunuda gerçekleşiyor. Ben bu sorunu ilgili kesit üzerine gelindiğinde isim:deger çiftini ilgili UniChart nesnesinin Title özelliğine atayarak halletmeyi seçtim. Belki işinize yarayabilir.

UniChart -> ClientEvents -> ExtEvents özelliğine tıklayın ve açılan formun sol üst köşesindeki liste kutusundan Ext.chart.PolarChart 'ı seçerek chart.itemmouseover event içeriğinin aşağıdaki şekilde olmasını sağlayın.

function chart.itemmouseover(chart, item, event, eOpts)
{
  var infotext = "";
  infotext = item.record.data.A + " : " + item.record.data.LL;
  MainForm.UniChart1.setTitle(infotext);
}
Cevapla
#5
(08-06-2019, Saat: 04:17)delphi.developer Adlı Kullanıcıdan Alıntı:
(03-06-2019, Saat: 13:08)Fesih ARSLAN Adlı Kullanıcıdan Alıntı: Cevabınız için teşekkür ederim @delphi.developer.
Belirttiğiniz değişikliği yaptıktan sonraki son hali aşağıdaki gibi oluyor. 



Bu durumda hem veri başlıkları kayboluyor, hem de grafik yine chart alanına sığmıyor.

Merhaba

Öncelikle UniChart bişenini seçerek LayoutConfig -> BodyPadding özelliğini 0 yapın.

UniChart -> SeriesList 'i tıklayarak açılan pencerede oluşturduğunuz Seri 'yi seçin ve Object Inspector penceresinden SeriesLabel -> Display özelliğinin inside olmasını sağlayın.

UniChart -> ClientEvents -> UniEvents özelliğine tıklayın ve açılan formun sol üst köşesindeki liste kutusundan Ext.chart.PolarChart 'ı seçerek chart.beforeInit event içeriğinin aşağıdaki şekilde olmasını sağlayın.

function chart.beforeInit(sender, config)
{
 config.innerPadding=10;
 config.insetPadding=5;
}

Kendi yaptığım testlerde chart nesnesinin birim kesit parçalarının kısmi görülmeme sorununu bu şekilde halledebildim. Fakat bununla beraber daire şekilinde kullanılan bu tarz grafik gösterimlerinde artan birim kesit sayısı ile beraber, ilgili kesitlere ait etiketlerin görüntülenme sorunuda gerçekleşiyor. Ben bu sorunu ilgili kesit üzerine gelindiğinde isim:deger çiftini ilgili UniChart nesnesinin Title özelliğine atayarak halletmeyi seçtim. Belki işinize yarayabilir.

UniChart -> ClientEvents -> ExtEvents özelliğine tıklayın ve açılan formun sol üst köşesindeki liste kutusundan Ext.chart.PolarChart 'ı seçerek chart.itemmouseover event içeriğinin aşağıdaki şekilde olmasını sağlayın.

function chart.itemmouseover(chart, item, event, eOpts)
{
  var infotext = "";
  infotext = item.record.data.A + " : " + item.record.data.LL;
  MainForm.UniChart1.setTitle(infotext);
}

Merhaba,
Detaylı anlatımınız ve emekleriniz için çok teşekkür ederim @delphi.developer.
En kısa zamanda test Edip, buradan sonuç bildiririm.
While true do; Hayat döngüsü, kısır değildir! Yapılan bir yanlış, o döngünün dışına çıkmanızı sağlayacaktır.
WWW
Cevapla
#6
(08-06-2019, Saat: 04:17)delphi.developer Adlı Kullanıcıdan Alıntı: Merhaba

Öncelikle UniChart bişenini seçerek LayoutConfig -> BodyPadding özelliğini 0 yapın.

UniChart -> SeriesList 'i tıklayarak açılan pencerede oluşturduğunuz Seri 'yi seçin ve Object Inspector penceresinden SeriesLabel -> Display özelliğinin inside olmasını sağlayın.

UniChart -> ClientEvents -> UniEvents özelliğine tıklayın ve açılan formun sol üst köşesindeki liste kutusundan Ext.chart.PolarChart 'ı seçerek chart.beforeInit event içeriğinin aşağıdaki şekilde olmasını sağlayın.

function chart.beforeInit(sender, config)
{
 config.innerPadding=10;
 config.insetPadding=5;
}

Merhaba,
Vermiş olduğunuz ExtJS kodlarını ilgili kısma ekleyince istediğim gibi bir görüntü elde ettim. 
Teşekkür ederim @delphi.developer.

   
While true do; Hayat döngüsü, kısır değildir! Yapılan bir yanlış, o döngünün dışına çıkmanızı sağlayacaktır.
WWW
Cevapla


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
Shocked uniGui ile E Fatura nasıl Yapılır? ibrahim.aydin@perga.com.tr 12 709 18-06-2020, Saat: 20:01
Son Yorum: nguzeller
  UniGUI UniTreeView Item (Node) Aralığı Nasıl Ayarlanır? Fesih ARSLAN 4 1.306 09-06-2020, Saat: 15:05
Son Yorum: ibrahim.aydin@perga.com.tr
  web servis ile veritabanı bağlantısı nasıl yapılır? alisahin 3 1.118 28-05-2019, Saat: 08:52
Son Yorum: r3n4m3
  UniGui-de yapılmış proqrama port yazmadan nasil ulaşıla biliriz? BlackHawk 5 1.877 09-12-2018, Saat: 17:18
Son Yorum: mrmarman
  UniGui DBGrid yazı fontları nasıl küçültülüyor? selchuk 9 2.870 11-10-2018, Saat: 17:12
Son Yorum: elixir84



Konuyu Okuyanlar: 1 Ziyaretçi