javascript - 来自 X 范围的浮点总和条形图数据

Question

引用这个 fiddle :http://jsfiddle.net/chrisgzf/KMQcs/#base

我正在尝试使用 2 个 jQuery UI slider 绘制包含 31 天数据的条形图，以与 Flot 的选择插件进行交互。对于水平轴上的 slider ，如何汇总特定 x 范围内的所有图形值？例如，当我的 slider 位于 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);

看看你修改后的 fiddle :http://jsfiddle.net/KMQcs/8/只需移动水平 slider 即可。