美文网首页
第三章 d3数据

第三章 d3数据

作者: Doter | 来源:发表于2017-09-02 20:35 被阅读0次

    1 js数组方法

    1. JavaScript中修改数组自身的方法:
    2.JavaScript中数组的存取方法:
    3.JavaScript中数组的迭代方法:

    2 d3数组方法

    计算类

    d3.min(array) 获取最小值
    d3.max(array) 获取最大值
    d3.extent(array) 获取极值[最小值,最大值]
    d3.sum() 计算和
    d3.mean() 获取数组的均值
    d3.median() 获取数组的中位数
    d3.quantile() 类似比例尺计算

    var a = [0, 10, 30];
    d3.quantile(a, 0); // 0
    d3.quantile(a, 0.5); // 10
    d3.quantile(a, 1); // 30
    d3.quantile(a, 0.25); // 5
    d3.quantile(a, 0.75); // 20
    d3.quantile(a, 0.1); // 2
    

    d3.variance() 求方差
    d3.deviation() 求标准差

    查找类

    d3.scan()
    d3.d3.bisectLeft(array, x[, lo[, hi]]) 返回x在数组中应该被插入的位置并保证数组的有序性,如果数组中已经存在x,则插入点的位置位于这个已经存在的元素之前
    d3.bisect()
    d3.bisectRight() 与bisectLeft类似, 但是插入点的位置是从右向左计算的.
    d3.bisector()

    数组变换

    d3.cross()
    d3.shuffle(array) 将数据重新随机
    d3.pairs(array)

    d3.pairs([1, 2, 3, 4]); // returns [[1, 2], [2, 3], [3, 4]]
    

    d3.permute(arrayA,arrayB) 根据指定索引数组,返回排序后的数组

    d3.permute(["a", "b", "c"], [1, 2, 0])  // ["b", "c", "a"].
    

    d3.ticks(start, stop, count) 在start和stop之间计算出一个等间隔的、精确的刻度序列
    d3.tickStep(start, stop, count)根据start和stop以及count返回刻度的间隔大小
    d3.range([start, ]stop[, step])

    d3.range(0, 1, 1 / 49); // BAD: returns 50 elements!
    d3.range(49).map(function(d) { return d / 49; }); // GOOD: returns 49 elements.
    

    d3.transpose() 使用zip操作进行矩阵转置.
    d3.zip() 数组重合并

    d3.zip([1, 2], [3, 4]); // returns [[1, 3], [2, 4]]
    

    3 d3数据类型

    4 d3数据格式化

    相关文章

      网友评论

          本文标题:第三章 d3数据

          本文链接:https://www.haomeiwen.com/subject/qturjxtx.html