Widget Rehberleri

Gauge Widget Kullanım Rehberi

MicroControlPanel Gauge widget'ı ile sensör verilerinizi yarım daire gösterge üzerinde görselleştirin. Gauge, Radial Gauge ve Enhanced Gauge varyantları, birim ayarları ve firmware entegrasyonu.

admin@microcontrolpanel.com 10 Temmuz 2025 4 görüntülenme

🌡️ Gauge Widget Nedir?

Gauge widget'ı, sensör değerlerini yarım daire (ark) gösterge üzerinde görselleştiren bir gösterim aracıdır. Sıcaklık, nem, basınç, voltaj ve benzeri ölçüm değerlerini anlık olarak takip etmek için idealdir.

Gauge Varyantları

Tip	Görünüm	Enerji	Özellik
GAUGE	Standart yarım daire	300⚡	Temel SVG ark gösterge
RADIAL_GAUGE	Dairesel kadran	300⚡	Tam daire gösterge
ENHANCED_GAUGE	Gelişmiş gösterge	300⚡	Renkli gradient efektli

⚙️ Yapılandırma

Alan	Açıklama	Varsayılan
`min`	Gösterge minimum değeri	0
`max`	Gösterge maksimum değeri	100
`suffix`	Birim etiketi (°C, %, V, hPa)	—

📡 Datastream Ayarları

Alan	Değer
Pin Code	`V0`
Data Type	Double
Pin Mode	Input
Min / Max	-10 / 50 (sıcaklık) veya 0 / 100 (nem)
Units	°C, %, V, hPa

💻 Firmware Örneği — Hava İstasyonu

#include <DHT.h>
#define DHTPIN D4
#define DHTTYPE DHT22
DHT dht(DHTPIN, DHTTYPE);
MCPTimer timer;

void sendSensors()
{
    float temp = dht.readTemperature();
    float hum  = dht.readHumidity();

    if (!isnan(temp) && !isnan(hum)) {
        MCP.virtualWrite(V0, temp);  // Sıcaklık → Gauge #1
        MCP.virtualWrite(V1, hum);   // Nem → Gauge #2
        Serial.printf("T:%.1f°C H:%.1f%%\n", temp, hum);
    }
}

void setup() {
    Serial.begin(115200);
    dht.begin();
    MCP.begin("TOKEN", "SSID", "PASS", MCP_SERVER, MCP_PORT);
    timer.setInterval(10000L, sendSensors); // 10 sn aralıkla
}

void loop() { MCP.run(); timer.run(); }

🎨 Önerilen Gauge Ayarları

Ölçüm	Min	Max	Birim	Renk
Oda sıcaklığı	-10	50	°C	`#FF5722`
Nem oranı	0	100	%	`#2196F3`
Atmosfer basıncı	950	1050	hPa	`#9C27B0`
Akü voltajı	0	14	V	`#FFC107`
Toprak nemi	0	1024	—	`#4CAF50`
Tank seviyesi	0	100	%	`#00BCD4`

💡 Kullanım Senaryoları

Sıcaklık izleme: DHT22, DS18B20, BME280 sensörleri
Nem ölçümü: Sera, oda veya toprak nemi
Voltaj/akım: Güneş paneli veya akü izleme
Tank seviyesi: Ultrasonik sensörle su seviyesi
Hız göstergesi: Motor RPM veya araç hızı

💡 İpucu: Gauge widget'ı datastream'in Min/Max değerlerini gösterge aralığı olarak kullanır. Bu değerleri doğru ayarlayın — yanlış aralık göstergenin anlamsız görünmesine neden olur. Birim için config'deki suffix alanını veya datastream'deki Units alanını kullanabilirsiniz.

#Gauge #Widget #Sıcaklık #Nem #Voltaj #Display #MicroControlPanel #IoT #ESP8266 #ESP32