d3 v4

1.  d3.brush()  //选中或者刷子

d3.brushX()   d3.brushY()   brush.extent([]||function) 创建brush的范围      brush.handlesize([size])拖选的宽高,默认为6     brush.on('start brush end',function)事件监听,只有三个时间start brush end,跟回调事件

2.d3的12钟地图投影

(1)d3.geoAlbersUsa()阿伯斯投影  ;(2)d3.geoAzimuthalEqualArea()等面积方位投影  ;(3)d3.geoAzimuthalEquidistant()等距方位投影  ;(4)d3.geoConicConformal()圆锥共形投影 ; (5)d3.geoConicEqualArea()圆锥等面积投影 ; (6)d3.geoConicEquidistant()圆锥等距投影 ; (7)d3.geoEquirectangular()相等矩形投影  ; (8)d3.geoGnomonic()球心投影  ; (9)d3.geoMercator()墨卡托投影 ; (10)d3.geoOrthographic()正射投影  ; (11)d3.geostereographic()极射赤平投影 ; (12)d3.geoTransverseMercator()横向墨卡托投影。

3.d3的路径path()

d3.geoPath.projection(projection)绘制路径

projection().fitSize([width,height],pathdata)//根据长宽适应路径大小

4.topojson   d3推荐使用的地理数据json格式

topojson.feature(result,result.object)  //将result的topojson数据转换成geojson格式,            topojson.mesh(result,result.object,function(a,b){return boolean}) //将result的topojson数据转换成GeoJSON MultiLineString格式,第三个参数是返回布尔值,a是数据数组的第一个,b是非第一个的数据


5.scale

基本的d3.scaleLinear().domain([]).range([]),domain映射range的值

continuous.invert()反向映射,range映射domain的值

.scaleTime()//时间长度,.range(a,b,der) or .range(a)    scaleLinear()//等间隔线性长度  continuous.ticks(count)把domain分成count返回数组    continuous.tickFormat(count,specifier) 返回一个函数,对domain格式化    

6.常用函数

(1)range(a,b,der)可以是一个参数或者三个参数      map(function(d){return d})映射要return  .randomBates()//不同的数据分布    format('.0f')//格式化返回的是函数format('.0f')(value)

7.时间

interval.ceil()    interval.floor()      interval.round()  时间的约等于,interval.domain(start,end,step)是一个时间数组,step是间隔数(1,2,3。。。)  interval.count()计数,统计多少个    interval.every(number)是日期间隔number=1,2,3。。。    interval.offset(date,step)现在的时间前进step时间    interval.filter(function(d){return})过滤时间    d3.timeInterval() 创建新的interval    d3.timeDay是单个时间,d3.timeDays(start,end,step)时间数组

8.axis轴

d3.axisBottom(x) d3.axisTop(x)  d3.axisLeft(y)  d3.axisRight(y) 各个位置的轴,axis.scale(x)如果有轴的数据指向x如果没有就返回原来的, 

axis.ticks(arguments…)axis.ticks([count[,specifier]])axis.ticks([interval[,specifier]])可以直接传入count刻度数,也可以再加一个specifier值变换或者时间值   

axis.tickValues([])传入数组代替ticks,传入的数组值在domain范围内

axis.tickFormat(function(d){return})格式化tick的值

axis.tickSizeInner([size])刻度的长度

9.histogram()直方图

d3.histogram()(data)传入数据,返回一组数组,每个数组都是一个容器数组,包含数据个数,以及额外的两个属性x0,x1是这个容器的数据范围     

d3.histogram()用histogram表示   histogram.domain()是指的直方图给取data的这部份    histogram.thresholds(count)将data分count个容器里也就是控制x0,x1的值

10.d3-transition

d3.transition()过度函数  d3.transition().duration(time).ease().delay()过渡时间和过度曲线、延迟触发    d3.active()是过度的中开始的过程,d3.interrupt(node,name)取消过度,node是节点 name是过度内容

11.d3-ease

过渡曲线

12.d3.format

d3.format('.0%')(0.1235)//12%  格式成百分数,0表示保留0位小数

13.d3.zoom

d3.zoom()

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342

推荐阅读更多精彩内容

  • 背景 一年多以前我在知乎上答了有关LeetCode的问题, 分享了一些自己做题目的经验。 张土汪:刷leetcod...
    土汪阅读 12,719评论 0 33
  • 2008年4月的一天,分娩室外挤了一堆人。孩子的爸爸在外踱步,步伐凌乱,毫无规律。一家人也随之紧张兮兮,不时往里面...
    金忆潇阳阅读 400评论 0 4
  • 分享是非常棒的学习方式。 我们每个人,所处环境,所历路程,各有不同,形成的认知与行动也各具特点。如果我们能够彼此真...
    RPA帮阿愚呱呱阅读 428评论 0 0
  • 春夜沉沉,满眼芳菲,先是含苞待放,继而灿烂绚丽,终是凋谢零落。他习惯下班读书,每天晚归,走在路上,走着走着也便同花...
    都是个人阅读 378评论 0 0