// chart.js
export function drawChart(canvas, history) {
    if (!canvas || !history?.length) return;

    const rect = canvas.getBoundingClientRect();
    const displayHeight = rect.height || 120;
    const displayWidth = rect.width || 800;
    
    canvas.width = displayWidth;
    canvas.height = displayHeight;

    const ctx = canvas.getContext("2d");
    const w = canvas.width;
    const h = canvas.height;

    ctx.clearRect(0, 0, w, h);

    const stepX = w / history.length;
    const scaleY = h / 63;

    ctx.strokeStyle = "#00ff88";
    ctx.lineWidth = 2;
    ctx.beginPath();

    for (let i = 0; i < history.length; i++) {
        const x = i * stepX;
        const y = h - history[i] * scaleY;

        if (i === 0) ctx.moveTo(x, y);
        else ctx.lineTo(x, y);
    }

    ctx.stroke();
}