d3.js中冷门却实用的内置函数总结

前言

其实在d3.js的API文档中，提供了很多内置的函数，但是有些很有用的内置函数却被无情的忽略了，这篇博客就来整理整理这些被遗忘却很实用的函数。希望整理过后，他们不再被遗忘。

selection.classed(name,【value】)

value参数可选，如果没有指定，则返回与name参数匹配的第一个非空元素是否绑定了指定的CSS类，true表示绑定，false表示未绑定。如果value指定了的话，就是为selection添加/删除CSS类。

这点与selection.attr(name,【value】)非常类似，但是相比而言，就冷门的多，恐怕没有多少人不知道selection.attr(name,【value】)，但是有很多人真的不知道selection.classed(name,【value】)  。

这个函数很实用，比如鼠标进入某些点，让这些点高亮以表示强调，但是移出去之后，让他们回复原来的样式就可以用这个函数，免去了重新设置样式的麻烦，甚至有时候恢复原来样式的时候，还需要判断，就更麻烦了。

transition.filter(selector)

过滤也有过渡，这点可能很多人都忽略了，比如设置动画结束时，索引为奇数的元素旋转30度。甚至可以自己定义规则，如第5、10、15个元素改变，其他的不变。

d3.interpolate(a,b)

返回一个介于a,b之间的默认插值器，插值器的类型取决于b的类型。

     1）如果b是颜色类型，那么返回的是interpolateRgb插值器

     2）如果是字符串类型，则返回interpolateString插值器

     3）如果是数组类型，则返回interpolateArray插值器

     4）如果是对象类型，且不能强制转换成字符串类型，则返回interpolateObject插值器

     5）否则，返回interpolateNumber插值器

数组相关API

使用d3时，会有大量的数组操作，如果能合理运用d3提供的数组相关的函数，将会使得工作效率大大提高。

d3.ascending(a,b)

如果a/b，返回1，如果a=b,返回0.

在可视化元素需要有序的时候，这个函数很有用，可以帮助我们排好序。

d3.min(),d3.max(),d3.extent()

前两个函数知道的人应该不少，但是最后一个却相对冷门，它可以直接返回数组自然排序的最小值和最大值，省的同时调用前面两个函数了。

d3.sum(),d3.mean(),d3.median(),d3.quantile()

基本的求和、平均数、中位数、p分位数，都帮你实现好了，之前还傻乎乎的自己去实现了，虽然不难，但是代码会很难看。

d3.shuffle(array)

用Fisher-Yates shuffle算法把传入的数组随机排序。这样想得到乱序的时候会不会比较高大上呢？嘿嘿。