Merhabalar, bu yazımda Plotly Dash kullanarak basit bir şekilde callback kullanımını göstermeye çalışacağım. Sıfırdan Plotly Dash’i anlatamayacağım için kodları hızlı bir şekilde geçeceğim.
Callback nedir?
Dash üzerinde core componentleri kullanarak belirlediğimiz değişimler olduğunuda tetiklenmesi için yazdığımız fonksiyonlardır. Örnek olarak dropdown’da Dinner’ı seçtiğimiz zaman yalnızca time == ‘Dinner’ filtresine uyan verilerin getirilmesi olarak düşünebiliriz.
Callback fonksiyonlarımızı callback decorator’u altında yazarız. Bu decorator temelde 2 adet parametre alır. İlki Output yani çıktının nereye verileceği, ikincisi ise Input yani fonksiyonu tetiklemek için değerin nereden alınacağı. Decorator altına ise ilgili fonksiyonumuz yazılır.
component_id input’u alacağımız veya output’u vereceğimiz component’in id’sini temsil etmektedir. Takdir edersiniz ki unique olmalıdır ^^
component_property ise aynı şekilde hedef component’in hangi özelliğinden input’u alacağımız veya output’u vereceğimizdir.
Yukarıdaki örnek için my-input id’sine sahip component’in value özelliğini input olarak alacağız.
Callback decorator’de her zaman önce Output gelmelidir.
Eğer birden fazla Output veya Input varsa bunlar liste olarak parametre alınmalıdır.
Basit Bir Callback
Yukarıdaki kodun çıktısı şu şekilde olacaktır. Input’a istediğimiz string’i yazıyoruz ve callback fonksiyona gönderiyoruz. Callback ise bunu hedef (output) component’in hedef özelliğine return ediyor.
Biraz Daha Hoş Bir Callback Örneği
Henüz bende Plotly’de yeniyim. Fakat elimden geldiğince anlatmaya çalıştım umarım faydalı olur.
