在JS中对柱状图进行类值计数的最佳方法是什么

What is the best way to count like-values in JS for a Histogram?

本文关键字:最佳 是什么 方法 JS      更新时间:2023-09-26

我正在尝试创建随机生成数据的直方图,所以目前我正在做以下工作:

假设创建了以下数组:

returns = [0.0024, 0.0231, 0.014, 0.0005, -0.008]

我使用浏览阵列

 returnsRounded[x] = Math.round(returns[x] * 1000) / 1000;

这将返回我:

returnsRounded = [0.002, 0.023, 0.014, 0.001, -0.008]

现在我正试图计算每个特定值的数量(在一个由数万个值组成的数组中),所以我会非常低效地做类似于的事情

switch (returnsRounded) {
    case -0.040:
        arr[1]++;
        break;
    case -0.038:
        arr[2]++;
        break;
    // ... and so on.
}

然后将计数值插入我的直方图(它的工作原理就像条形图——从某种意义上说,它只比较计数。我不能只插入一个数组就得到直方图。

那么,有没有比我现在做的更快或更漂亮的更有效的方法来计算数组中四舍五入数的出现次数呢?

谢谢!

编辑:我想出了一个比现在更好的方法,尽管我不知道它是否仍然很棒。这是一把小提琴:

http://jsfiddle.net/brockwhittaker/bLu4s8sc/

它们计数频率的关键是对数组的元素进行装箱:

function frequencies(values, binsize) {
    var mapped = values.map(function(val) { 
       return Math.ceil(val / binsize) -1; 
    });
    return mapped.reduce(function (freqs, val, i) {
      var bin = (binsize * val);
      freqs[bin] = freqs[bin] ? freqs[bin] + 1 : 1;
      return freqs;
    }, {});
}

函数frequencies创建一个字典(对象),其中每个键/值对都是bin/count,例如:

Object { 0: 60, 1: 43, 2: 11, -0.2: 68, -2: 11, -2.2: 10, -2.4000000000000004: 4, -2.6: 5, -2.8000000000000003: 1, -3: 1, 18 more… }

这个jsfiddle 中提供了一个带有简单直方图的完整样本