スライダーを使ってグラフのバーの高さを制御しようとしています。これは、ここにあるスライダーの例に基づいています。スライダーから値を取得する際に問題が発生します。これを示すJSfiddleを作成しました。
問題は関数refeshGraph()にあります
function refreshGraph() {
var jan = $("slider1").slider("option","value"),
feb = $("slider2").slider("option","value"),
mar = $("slider3").slider("option","value"),
apr = $("slider4").slider("option","value"),
may = $("slider5").slider("option","value");
console.log(feb)
sliderData = new Array(
[jan,'Jan','#222222'],
[feb,'Feb','#7D252B'],
[mar,'Mar','#EB9781'],
[apr,'Apr','#FFD2B5'],
[may,'May','#4A4147']
);
$('.exampleSimpleColors').show();
$('#exampleSimple').html('');
$('#exampleSimple').jqbargraph({ data: sliderData});
}
変数に値が格納される代わりに、スライダーオブジェクト全体を取得します。OPが同じ問題を抱えていたこのStackOverflowの投稿を知っています。私は答えを適用しようとしましたが、成功しませんでした。