Coder Social home page Coder Social logo

Chartlar için getirilecek veriyi zaman aralığı yada konum gibi parametrelere göre filtreleme (#75) about mentor-front-end-vue HOT 2 OPEN

DEONSKY avatar DEONSKY commented on August 18, 2024
Chartlar için getirilecek veriyi zaman aralığı yada konum gibi parametrelere göre filtreleme (#75)

from mentor-front-end-vue.

Comments (2)

DEONSKY avatar DEONSKY commented on August 18, 2024

Bu issueyu yapabilmek için mentor-api da yeni routelar eklemen gerekecek. Ayrıca mentor-froontendde dashboard kısmına da parametrelerin girileceği alanlar bulunmalı. Bu alanları ister sayfa üstüne, ister modal ile açılacak şekilde yapabilirsin. Sayfada olabildiğince basit ve anlaşılır görünmesi önemli. Modülerlik açısından frontend form kısmı component halinde yapılabilirse iyi olur. Api kısmını da issue olarak oluşturuyorum

from mentor-front-end-vue.

DEONSKY avatar DEONSKY commented on August 18, 2024

Şöyle açıklayayım. Bizim frontendde dashboard view'imiz var. Bu dashboard viewinde ise Datasetlerin datalarını chart(grafik) şeklinde gösteren bir componentimiz var. IOT cihazlardan gönderilen veriler zamanla birikecek ve çok büyük sayılara erişecek. veri tabanından tüm verileri çekmek istersek sistemi çok yavaşlatır. Bu biraz şey gibi düşün. Sayfalama. 100 sayfaya ayrılmış bir forum tek sayfa olup tüm verileri tek bir istekte çekseydik. Sisteme bayağı fazla yük binerdi. Ama ilk sayfasındaki verileri çekip gönderirken bu yükü azaltmış oluyoruz. Burası ekstra bilgi kısmıydı.
Veriyi zaman aralığına göre listeleme bize istediğimizde belli bir aralıkta daha çok ayrıntı görüntüleyebilmemizi ve de istemediğimiz verilerden kurtularak ihtiyacımız olan kısmı daha net görmemizi sağlayacak. Örnek olarak google a dolar tl yazıp değişimi 1 ay 1 gün 1 yıl gibi değişik aralıklarda sıralama olarak verebilirim. Ama bizim için dashboard sayfasına 2 ayrı tarih seçmek için input eklenebilir. To From tarzında. Ve bu aralıktaki verileri döndürecek route apide yazılmalı. Bu sorgulamayı sequelize üzerinde where kullanarak yapabilirsin.
Konum verisine göre sıralarken ise application location tablosunda veriyi araman gerekecek.
Ekstra sormak istedeğin bişey olursa toplantının gelmesini beklemeden bana yaz. Bazı kısımları ucu açık bırakmak istiyorum. Çünkü en doğru yolu bulmaya çalırken düşünmek de çok şey katıyor. Talha benim prı mergeledikten sonra başlayabilirsin. Çünkü ben de Dashboard sayfasındaki chartın bağlantısını apiye yeni yaptım :)

from mentor-front-end-vue.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.