Pages

Kontrol: Özel Gösterge (Custom Gauge)

Custom Gauge kontrolü, sensör okumaları veya sistem metrikleri gibi sayısal değerleri analog gösterge biçiminde görselleştirmek için esnek ve görsel olarak etkileyici bir çözümdür. Bu kontrol sayesinde kullanıcılar kendi SVG grafiklerini yükleyebilir ve gösterge ölçeğini açı ve işaretler (tick) üzerinden özelleştirebilir.

Genel Bakış: Bir Custom Gauge Nasıl Çalışır?

Her gösterge, görünümünü ve davranışını tanımlayan üç ana bileşene sahiptir:

  1. Görsel Aralık (Min / Max) – göstergedeki sayısal değer aralığı.
  2. Açısal Yay (Başlangıç Açısı / Bitiş Açısı) – ibrenin dönebildiği açı bölgesi.
  3. İbre Başlangıç Konumu (Initial Arrow Position) – SVG yüklendiğinde, canlı veri gelmeden önce ibrenin işaret ettiği başlangıç konumu.

Varsayılan ayarlarda farklı SVG'ler (hazır veya özel) seçilebilir, ancak bu değerler her gösterge için ayrı ayrı yapılandırılmalıdır – çünkü tek tip bir şablon yoktur. Her SVG'nin farklı sayı aralığı, tasarımı ve merkez noktası olabilir.

Sayısal değerleri yalnızca rakam olarak girin, sembol veya birim eklemeyin.
Doğru: [code_block_0]
Yanlış: [code_block_1]
Geçerlidir: Start Angle, End Angle, Initial Arrow Position, Min, Max vb.

Adım Adım Yapılandırma

1. Min / Max *

Gösterge üzerinde görüntülenen sayısal değer aralığını belirler (örn. 0–400 veya 0–3000).

  • Bu aralık açısal değildir, yay üzerindeki sayısal etiketleri ifade eder.
  • Min/Max değerlerini, SVG üzerindeki en küçük ve en büyük değerleri görerek kolayca belirleyebilirsiniz.
Örnek 1:

Gösterge [code_block_2] ile [code_block_3] arasında değerler gösteriyorsa:

  • [code_block_4] = [code_block_2]
  • [code_block_6] = [code_block_3]
    [img_0]
Örnek 2:

Başka bir gösterge [code_block_2] ile [code_block_9] arasında değer gösteriyorsa:

  • [code_block_4] = [code_block_2]
  • [code_block_6] = [code_block_9]
    [img_1]

Önemli: Bu değerler mutlaka SVG göstergenizde görsel olarak işaretlenmiş rakamlarla eşleşmelidir.

2. Başlangıç Açısı / Bitiş Açısı

İbrenin döndüğü açı aralığını, ibrenin dönme merkezine göre tanımlar.

  • Başlangıç Açısı = ibrenin başladığı açı.
  • Bitiş Açısı = ibrenin sona ulaştığı açı.
  • İbre bu iki açı arasında hareket eder.

Örnek (aşağıdaki görsele bakınız):

  • [code_block_14]: [code_block_15]
  • [code_block_16]: [code_block_17]
    Bu, merkezde [code_block_18] olan 240°'lik bir dönüş sağlar.

[img_2]

Aşağıdaki örnekte ise ibre, farklı bir [code_block_19] (375) değerinde başlıyor:

  • [code_block_14]: [code_block_1]
  • [code_block_16]: [code_block_23]
    [img_3]

3. İbre Başlangıç Değeri (Initial Arrow Position Value) *

Bu değer, SVG yüklendiğinde ibrenin işaret edeceği varsayılan değeri tanımlar – canlı veri gelmeden önce.

  • İbre hangi sayıya işaret ediyorsa, bu değer o sayıya karşılık gelmelidir.
  • Aynı Min/Max aralığı içinde olmalıdır.

Örnek (yukarıdaki görsele göre):
Eğer aralık [code_block_24] ve ibre [code_block_25] değerini gösteriyorsa:

  • [code_block_19] = [code_block_25]

Bu ayar, göstergenin doğru başlangıç konumunda görünmesini sağlar.

Neden Her Gösterge Farklıdır?

Her SVG'nin farklı sayısal aralığı (örn. 0–400 veya 0–3000), farklı dönüş açısı (örn. 180° veya 240°) ve farklı dönme merkezi olabilir.

Bu nedenle, her gösterge ayrı ayrı yapılandırılmalıdır.

Uzaktan Konfigürasyon (CODESYS)

Bazı durumlarda, gösterge parametrelerini PLC üzerinden dinamik olarak yönetmek isteyebilirsiniz.

Şu durumlarda kullanılır:

  • Minimum, maksimum veya açıları PLC içinden değiştirmek istiyorsanız.
  • Birden fazla göstergeyi merkezi olarak kontrol etmek istiyorsanız.

Gösterge özelliklerinden Remote Control seçeneğini etkinleştirin. Böylece min, max, açı gibi parametreleri değişkenlere bağlayabilirsiniz.

Örnek: Yapılandırma

[code_block_28]

Kendi SVG Dosyalarınızı Yükleyin (İleri Seviye)

Varsayılan göstergeleri öğrendikten sonra, kendi SVG dosyalarınızı yükleyebilirsiniz.

Aşağıdaki tabloda, SVG editörünüzde tanımlanması gereken ID’ler yer alıyor. Bu ID'ler doğru şekilde atanmazsa gösterge çalışmaz.

SVG ID Referans Tablosu

[img_4]

# Bileşen SVG ID
1 İbre / Ok / Gösterge [code_block_29]
2 Dönüş Merkezi [code_block_30]
3 Mevcut Değer Metni [code_block_31]
4 Birim [code_block_32]
5 Ana İşaret (Tick) [code_block_33]
6 Ana SVG Konteyneri [code_block_34]

Kurulum

Custom Gauge oldukça esnektir – ancak düzgün çalışması için doğru kurulum gerekir.

İbrenin dönme merkezi, gösterge davranışı için kritik önemdedir. StartAngle ve EndAngle değerleri bu merkez noktasına göre tanımlanır.

Not: Açısal değerleri tanımlarken ibrenin dönme merkezini mutlaka göz önünde bulundurun – aksi takdirde ibre yanlış konumda görüntülenebilir.