没有合适的资源?快使用搜索试试~ 我知道了~
前言 其实在d3.js的API文档中,提供了很多内置的函数,但是有些很有用的内置函数却被无情的忽略了,这篇博客就来整理整理这些被遗忘却很实用的函数。希望整理过后,他们不再被遗忘。 selection.classed(name,【value】) value参数可选,如果没有指定,则返回与name参数匹配的第一个非空元素是否绑定了指定的CSS类,true表示绑定,false表示未绑定。如果value指定了的话,就是为selection添加/删除CSS类。 这点与selection.attr(name,【value】)非常类似,但是相比而言,就冷门的多,恐怕没有多少人不知道selection.
资源推荐
资源详情
资源评论
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,返回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算法把传入的数组随机排序。这样想得到乱序的时候会不会比较高大上呢?嘿嘿。
d3.keys(object),d3.values(object)
keys返回一个包含指定对象(关联数组)中所有属性名称的数组。这点很有用,比如用d3.csv()读文件的时候,想要滤掉一些无关
的dimension,比如id等等,用这个函数就很有用。
d3.map(),d3.set()
映射与集合是很常见的数据结构,但是不是所有js版本中都有默认的实现的,但是d3提供了。昨天在做项目的时候就遇到了这
个问题,最后是借用了d3提供的map与set解决了。
d3.merge((arrays))
资源评论
weixin_38603259
- 粉丝: 5
- 资源: 923
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功