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. :)