1

スライダーを使ってグラフのバーの高さを制御しようとしています。これは、ここにあるスライダーの例に基づいています。スライダーから値を取得する際に問題が発生します。これを示す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の投稿を知っています。私は答えを適用しようとしましたが、成功しませんでした。

4

1 に答える 1

4

スライダー宣言でを忘れた

あなたのコードでは$("slider1").slider("option","value"),
、しかしあるべきです$("#slider1").slider("option","value"),

それを修正すれば動作します。

于 2013-02-01T19:38:31.717 に答える