0

このフィドルを参照: http://jsfiddle.net/chrisgzf/KMQcs/#base

Flot の選択プラグインを操作するために、2 つの jQuery UI スライダーを使用して 31 日間のデータを含む棒グラフをプロットしようとしています。横軸のスライダーについて、特定の x 範囲内のすべてのグラフ値を合計するにはどうすればよいですか? たとえば、スライダーが 3 と 9 にある場合、3 と 9 の間の値を合計したいと思います。それを jquery/javascript でどのように記述すればよいですか?

とりあえずこれ持ってる

$("#placeholder").bind("plotselected", function(event, ranges) {
    var first = Math.round(ranges.xaxis.from.toFixed(1));
    var second = Math.round(ranges.xaxis.to.toFixed(1));
    var difference = second - first;
    var series = plot.getData();

    $("#topBox").text("From August " + first + " to August " + second + ", you have used " + difference * getRandomInt(1200, 1800) + "kWh of electricity.");
    // how do i sum up the values from a certain range??
    $("#btmBox").text("The highlighted area on the y-axis represents " + (ranges.yaxis.to.toFixed(1) - ranges.yaxis.from.toFixed(1)) + "kWh");
});
4

1 に答える 1

2

こんな感じですか？

var plotData = series[0].data;
var sum = 0;
for (var i = first; i < second; i++)
    sum += plotData[i-1][1];
$("#sum").html(sum);

変更したフィドルを見てみましょう: http://jsfiddle.net/KMQcs/8/ 水平スライダーを動かすだけです。

于 2013-08-22T19:52:45.877 に答える