Veritabanındaki günlüğü chart.js ile grafiğe çevirmek zor olur mu?

Nizel G · 8 Ağustos 2023

Tablomun actions kayıtlarını görsel bir grafik haline getirmek istiyorum. Bunu JavaScript ile yapacağım.

Chart.js'yi biraz pırtıkladım ve çok da zor değil gibi gözüküyor.

Bu grafik, statik bir tablo olarak duruyor. Buna kaydırma özellikleri de eklenebilir mi?
Chart.js haricinde başka kütüphanelerle daha iyi bir şey yapabilir miyim?

Gönlümden geçen, tablodaki bütün değişiklikleri epoch ile birlikte yüklemek, ve bu veri içerisinde sağa sola gezinebilmek ve yakınlaştırabilmek.

300319 · 8 Ağustos 2023

JS bilginiz yüksekse yapabilirsiniz. Çok basit yapması. Harici kitaplığa gerek olmadan bile basitçe yapılabilir.

bitwise · 9 Ağustos 2023

stock_actions tablosu direkt timeseries gibi duruyor. Bence soyle bir grafik hos durur.

Line (Horizontal Scroll) | chartjs-plugin-streaming

Chart.js plugin for live streaming data

nagix.github.io

Datayi static olarak cizdirmektense stream ederek candle graph vibe'i yakalanabilir.

Nizel G · 9 Ağustos 2023

Hiç gözümde büyüttüğüm gibi bir şey değilmiş.

HTML:

<canvas id="grafik"></canvas>

JavaScript:

var ctx = document.getElementById('grafik').getContext('2d');
var priceChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: [
            '13:00',
            '14:00',
            '15:00',
        ],
        datasets: [{
            label: 'Fiyat',
            data: [
                10,
                25,
                30,
            ],
            borderWidth: 1,
            tension: 0.1
        }]
    },
    options: {
        scales: {
            y: {
                beginAtZero: true
            }
        }
    },
});

Veritabanındaki günlüğü chart.js ile grafiğe çevirmek zor olur mu?

Nizel G

Megapat

300319

Zettapat

bitwise

Gigapat

Line (Horizontal Scroll) | chartjs-plugin-streaming

Nizel G

Megapat