UniChart Çizim Alanını Panele Nasıl Sığdırabilirim?

[TescilsizUzman]

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.

   

[delphi.developer]

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.

[TescilsizUzman]

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.

[delphi.developer]

(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);
}

[TescilsizUzman]

(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.

[TescilsizUzman]

(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.