從X系列

Question

海軍報點心吧圖表數據參考此琴：http://jsfiddle.net/chrisgzf/KMQcs/#base

我試圖繪製條形圖與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"); 
}); 

Answer 1

你的意思是這樣的嗎？

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/ 只需移動水平滑塊。