0

jQuery UI スライダーによって決定された値に基づいてハイチャートを動的に更新する方法を探しています。価格が $100/月で、月に 5 ユニットが販売されたとします。毎月のデータ ポイントは、前月の合計に (ユニット * 価格) を加えて計算され、ユニット数は毎月 5 ずつ増加します。たとえば、月 1: (100*5) = 500 月 2: 500 + (100*10) = 1500 月 3: 1500 + (100*15) = 3000 月 4: 3000 + (100*20) = 5000 など。 .. そのため、チャートは曲線のように見えるはずです。どうすればこれを行うことができますか？これが私のjsFiddleです。 http://jsfiddle.net/nlem33/eyGMu/2/

slide: function(event, ui) {
$('#slider2_value').html('$' + ui.value);
var newdata = [];
for (var i=0 ; i<6 ; i++) {
    newdata.push(ui.value * i);
}
chart.series[0].setData (newdata);

}、

4

1 に答える 1

1

それはあなたが望んでいたことですか？:-)

var sliderHandler = function (event, ui) {
    var newdata = [],
        data = [],
        sum = 0;

    if (this.id === 'slider1') {
        $('#slider1_value').html(ui.value);
        units = ui.value;
    } else {
        $('#slider2_value').html('$' + ui.value);
        price = ui.value;
    }

    for (var i = 0; i < 13; i++) {
        data.push(units * price);

        for (var j = 0; j < i; j++)
            sum += data[j];

        newdata.push(sum + units * price);
    }

    chart.series[0].setData(newdata);
    chart.series[1].setData(newdata);
}

$('#slider1').slider({

    min: min_value,
    max: max_value,
    step: 5,

    slide: sliderHandler,
    stop: function (event, ui) {

    }
});

スライダー2も同様

これがカーブを使った修正例です-> http://jsfiddle.net/eyGMu/5/

ここに画像の説明を入力してください

于 2013-03-12T21:53:16.000 に答える