Witam,
Chciałem sobie zrobić drobną, prywatną stronkę z rzeczami, które chciałbym umieścić w swoich opowiadaniach fantastyczno-naukowych, i która by za mnie liczyła pewne rzeczy z wykorzystaniem JS...

I chciałem sobie tam wstawić wykres ze slider'em, który reguluje skalę (przybliża i oddala wykres ograniczając przedział wyświetlanych argumentów do: od 0 do wartośc slider'a). Nie wiem tylko jak się za to zabrać.

Mam już wykres, który generuje się właściwie i funkcję, która pobiera wartości ze slider'a, ale nie mam bladego pojęcia jak to przetworzyć na skalę wykresu.

Kiedy zmieniam maximum/viewportMaximum to nic się nie dzieje, ale cóż, w ogóle nie rozumiem tego, z czego korzystam.

A korzystam z jQuery i CanvasJS (to drugie to jedyne, co znalazłem w internecie i spełnia "wymagania").
Kod poniżej:

$(document).ready(function() {

    function timeDilation() {
        var dt = [];
        for(var i=0, j = 0; i < 1; i+=0.001, j++){
            var val = 1/Math.sqrt(1-i);
            dt[j] = { x: parseFloat(100*Math.sqrt(i)), y: parseFloat(val.toFixed(5)) };
        }
        console.log(dt);
        return dt;
    }

    var chart = new CanvasJS.Chart("specialRelativity", {
        title: {
            text: "Time dilation"
        },
        data: [{
            type: "line",
            dataPoints: timeDilation()
        }]
    });

    chart.render();

    $("#slider").slider({
        min: 0,
        max: 100,
        step: 1,
        slide: function() {
            var t = $("#slider").slider("values", 0);
            console.log(t);
            //zmiana skali (??????)
        }
    });
});

Także jakby komuś się nudziło/chciał zrobić "coś innego" to byłbym wdzięczny za podpięcie się do tematu i pomoc. :)