第三章 d3数据

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数据格式化

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • PHP常用函数大全 usleep() 函数延迟代码执行若干微秒。 unpack() 函数从二进制字符串对数据进行解...
    上街买菜丶迷倒老太阅读 5,190评论 0 20
  • 数组是一种可变的、可索引的数据集合。在Scala中用Array[T]的形式来表示Java中的数组形式 T[]。 v...
    时待吾阅读 4,578评论 0 0
  • php usleep() 函数延迟代码执行若干微秒。 unpack() 函数从二进制字符串对数据进行解包。 uni...
    思梦PHP阅读 6,123评论 1 24
  • 一、D3基础 1. D3是什么 D3(Data-Driver Documents,数据驱动文档)是基于数据来操作文...
    JunChow520阅读 3,550评论 0 0
  • 照片的色彩主要影响图片要传递的感觉,有的时候,我们需要调整这个色调感觉的强度,让整体的印象近贴近我们心中的设计。低...
    云兮云兮阅读 5,188评论 0 5