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