Widget Rehberleri

Chart Widget Kullanım Rehberi

MicroControlPanel Super Chart ve Simple Chart widget'ları ile sensör verilerinizi zaman serisi grafik olarak görüntüleyin. Line, bar ve area grafik tipleri, veri geçmişi ve yapılandırma.

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

📈 Chart Widget Nedir?

Chart widget'ları, datastream'lere kayıtlı veri geçmişini zaman serisi grafik olarak görselleştirir. Sıcaklık trendleri, enerji tüketimi ve sensör geçmişi gibi verilerin uzun vadeli izlenmesinde kullanılır.

Chart Varyantları

TipEnerjiÖzellik
SUPER_CHART600⚡Gelişmiş grafik — zoom, pan ve detaylı zaman aralığı
SIMPLE_CHART600⚡Basit SVG çizgi grafik — kompakt ve hızlı

⚙️ Yapılandırma

AlanAçıklamaVarsayılan
minY ekseni minimum0
maxY ekseni maksimum100
chartTypeGrafik tipi: line, bar, arealine

📌 Ön Koşul: Save History

Chart widget'ının çalışması için bağlı datastream'de Save History seçeneğinin açık olması gerekir. Bu seçenek kapalıysa grafik boş görünür.

📡 Datastream Ayarları

AlanDeğer
Pin CodeV0
Data TypeDouble
Pin ModeInput
Save History✅ Açık

💻 Firmware Örneği

// Chart widget otomatik olarak veri geçmişini gösterir.
// Sadece periyodik olarak virtualWrite ile veri göndermeniz yeterli:

MCPTimer timer;

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

    MCP.virtualWrite(V0, temp);  // Save History = ON → Chart'ta görünür
    MCP.virtualWrite(V1, hum);
}

void setup() {
    // ...
    timer.setInterval(30000L, sendSensors);  // 30 sn aralık
}

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

🎨 Grafik Tipi Seçimi

TipEn Uygun Kullanım
lineSıcaklık, nem gibi sürekli veriler
barEnerji tüketimi, sayaç artışları
areaSeviye verileri, doluluk oranları

💡 Kullanım Senaryoları

  • Sıcaklık trendi: Son 24 saat oda sıcaklığı değişimi
  • Nem grafiği: Sera neminin gün içi değişimi
  • Enerji tüketimi: Günlük kWh tüketim çubuk grafik
  • Tank seviyesi: Su seviyesinin zamanla düşüşü
📦 Plan Notu: Chart widget'ları Pro ve Business paketlerinde kullanılabilir. Free planda temel widget'lar (Gauge, Value Display vb.) ile değerleri izleyebilirsiniz.

#Chart #SuperChart #SimpleChart #Widget #Grafik #Zaman Serisi #MicroControlPanel #IoT