d3 v4

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

d3.brushX() ? d3.brushY() ? brush.extent([]||function) 創(chuàng)建brush的范圍 ? ? ?brush.handlesize([size])拖選的寬高,默認為6 ? ? brush.on('start brush end',function)事件監(jiān)聽婶博,只有三個時間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)//根據(jù)長寬適應路徑大小

4.topojson ? d3推薦使用的地理數(shù)據(jù)json格式

topojson.feature(result,result.object)? //將result的topojson數(shù)據(jù)轉換成geojson格式, ? ? ? ? ? ?topojson.mesh(result,result.object募舟,function(a,b){return boolean}) //將result的topojson數(shù)據(jù)轉換成GeoJSON MultiLineString格式,第三個參數(shù)是返回布爾值祠斧,a是數(shù)據(jù)數(shù)組的第一個,b是非第一個的數(shù)據(jù)


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返回數(shù)組? ? continuous.tickFormat(count,specifier) 返回一個函數(shù),對domain格式化 ? ?

6.常用函數(shù)

(1)range(a觅彰,b,der)可以是一個參數(shù)或者三個參數(shù)? ? ? map(function(d){return d})映射要return? .randomBates()//不同的數(shù)據(jù)分布? ? format('.0f')//格式化返回的是函數(shù)format('.0f')(value)

7.時間

interval.ceil()? ? interval.floor()? ? ? interval.round()? 時間的約等于钮热,interval.domain(start,end,step)是一個時間數(shù)組填抬,step是間隔數(shù)(1,2隧期,3飒责。。仆潮。)? interval.count()計數(shù)宏蛉,統(tǒng)計多少個? ? interval.every(number)是日期間隔number=1,2性置,3拾并。。鹏浅。? ? interval.offset(date,step)現(xiàn)在的時間前進step時間? ? interval.filter(function(d){return})過濾時間? ? d3.timeInterval() 創(chuàng)建新的interval ? ?d3.timeDay是單個時間嗅义,d3.timeDays(start,end,step)時間數(shù)組

8.axis軸

d3.axisBottom(x) d3.axisTop(x)? d3.axisLeft(y)? d3.axisRight(y) 各個位置的軸,axis.scale(x)如果有軸的數(shù)據(jù)指向x如果沒有就返回原來的隐砸,?

axis.ticks(arguments…)axis.ticks([count[,specifier]])axis.ticks([interval[,specifier]])可以直接傳入count刻度數(shù)之碗,也可以再加一個specifier值變換或者時間值 ??

axis.tickValues([])傳入數(shù)組代替ticks,傳入的數(shù)組值在domain范圍內

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

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

9.histogram()直方圖

d3.histogram()(data)傳入數(shù)據(jù)季希,返回一組數(shù)組褪那,每個數(shù)組都是一個容器數(shù)組幽纷,包含數(shù)據(jù)個數(shù),以及額外的兩個屬性x0,x1是這個容器的數(shù)據(jù)范圍 ? ??

d3.histogram()用histogram表示 ? histogram.domain()是指的直方圖給取data的這部份 ? ?histogram.thresholds(count)將data分count個容器里也就是控制x0,x1的值

10.d3-transition

d3.transition()過度函數(shù) ?d3.transition().duration(time).ease().delay()過渡時間和過度曲線博敬、延遲觸發(fā) ? ?d3.active()是過度的中開始的過程友浸,d3.interrupt(node,name)取消過度,node是節(jié)點 name是過度內容

11.d3-ease

過渡曲線

12.d3.format

d3.format('.0%')(0.1235)//12% ?格式成百分數(shù)冶忱,0表示保留0位小數(shù)

13.d3.zoom

d3.zoom()

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末尾菇,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子囚枪,更是在濱河造成了極大的恐慌派诬,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,744評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件链沼,死亡現(xiàn)場離奇詭異默赂,居然都是意外死亡,警方通過查閱死者的電腦和手機括勺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,505評論 3 392
  • 文/潘曉璐 我一進店門缆八,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人疾捍,你說我怎么就攤上這事奈辰。” “怎么了乱豆?”我有些...
    開封第一講書人閱讀 163,105評論 0 353
  • 文/不壞的土叔 我叫張陵奖恰,是天一觀的道長。 經(jīng)常有香客問我宛裕,道長瑟啃,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,242評論 1 292
  • 正文 為了忘掉前任揩尸,我火速辦了婚禮蛹屿,結果婚禮上,老公的妹妹穿的比我還像新娘岩榆。我一直安慰自己错负,他們只是感情好,可當我...
    茶點故事閱讀 67,269評論 6 389
  • 文/花漫 我一把揭開白布朗恳。 她就那樣靜靜地躺著湿颅,像睡著了一般。 火紅的嫁衣襯著肌膚如雪粥诫。 梳的紋絲不亂的頭發(fā)上油航,一...
    開封第一講書人閱讀 51,215評論 1 299
  • 那天,我揣著相機與錄音怀浆,去河邊找鬼谊囚。 笑死怕享,一個胖子當著我的面吹牛,可吹牛的內容都是我干的镰踏。 我是一名探鬼主播函筋,決...
    沈念sama閱讀 40,096評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼奠伪!你這毒婦竟也來了跌帐?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 38,939評論 0 274
  • 序言:老撾萬榮一對情侶失蹤绊率,失蹤者是張志新(化名)和其女友劉穎谨敛,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體滤否,經(jīng)...
    沈念sama閱讀 45,354評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡脸狸,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,573評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了藐俺。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片炊甲。...
    茶點故事閱讀 39,745評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖欲芹,靈堂內的尸體忽然破棺而出卿啡,到底是詐尸還是另有隱情,我是刑警寧澤菱父,帶...
    沈念sama閱讀 35,448評論 5 344
  • 正文 年R本政府宣布牵囤,位于F島的核電站,受9級特大地震影響滞伟,放射性物質發(fā)生泄漏。R本人自食惡果不足惜炕贵,卻給世界環(huán)境...
    茶點故事閱讀 41,048評論 3 327
  • 文/蒙蒙 一梆奈、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧称开,春花似錦亩钟、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,683評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至蕴侣,卻和暖如春焰轻,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背昆雀。 一陣腳步聲響...
    開封第一講書人閱讀 32,838評論 1 269
  • 我被黑心中介騙來泰國打工辱志, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留蝠筑,地道東北人。 一個月前我還...
    沈念sama閱讀 47,776評論 2 369
  • 正文 我出身青樓揩懒,卻偏偏與公主長得像什乙,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子疾渣,可洞房花燭夜當晚...
    茶點故事閱讀 44,652評論 2 354

推薦閱讀更多精彩內容

  • 背景 一年多以前我在知乎上答了有關LeetCode的問題, 分享了一些自己做題目的經(jīng)驗饥伊。 張土汪:刷leetcod...
    土汪閱讀 12,743評論 0 33
  • 2008年4月的一天净神,分娩室外擠了一堆人。孩子的爸爸在外踱步忆某,步伐凌亂,毫無規(guī)律鸽素。一家人也隨之緊張兮兮褒繁,不時往里面...
    金憶瀟陽閱讀 414評論 0 4
  • 分享是非常棒的學習方式。 我們每個人馍忽,所處環(huán)境棒坏,所歷路程,各有不同遭笋,形成的認知與行動也各具特點坝冕。如果我們能夠彼此真...
    RPA幫阿愚呱呱閱讀 435評論 0 0
  • 春夜沉沉,滿眼芳菲瓦呼,先是含苞待放喂窟,繼而燦爛絢麗,終是凋謝零落央串。他習慣下班讀書磨澡,每天晚歸,走在路上质和,走著走著也便同花...
    都是個人閱讀 381評論 0 0