d3之操作數(shù)組 三 (nest)

d3之操作數(shù)組 一 (統(tǒng)計胆建,檢索严肪,變換)
d3之操作數(shù)組 二 (map與set)
嵌套(nest)允許將數(shù)組中的元素分組為分層樹結構;可以將其像SQL中的GROUP BY運算符一樣梦染,除了可以進行多個級別的分組索赏,并且結果輸出是樹而不是平面表。樹中的級別由key functions指定届搁。樹的葉節(jié)點可以按值排序缘薛,而內部節(jié)點可以按鍵排序】溃可選的匯總功能將使用摘要功能折疊每個葉節(jié)點中的元素宴胧。嵌套運算符(嵌套返回的對象)是可重用的,并且不保留對嵌套數(shù)據(jù)的任何引用表锻。

  • nest.entries()返回一個鍵值對的數(shù)組
var dataset=[
     {familyname:"化妝品",categoryname:"護膚",productname:"化妝水",price:100,quantity:300},
     {familyname:"化妝品",categoryname:"護膚",productname:"BB霜",price:500,quantity:20},
     {familyname:"電器",categoryname:"家電",productname:"冰箱",price:3200,quantity:300},
     {familyname:"電器",categoryname:"家電",productname:"洗衣機",price:2100,quantity:20}
 ];
var nest_entries=d3.nest()
        .key(function(d){return d.familyname;})
        .rollup(function(leaves){
            return d3.max(leaves,function(d){
                return d.quantity;
            });
        })
        .entries(dataset);

首先會將dataset 以familyname為類別進行分組:

{
        "化妝品":{
            "護膚":[
                {name:"化妝水",price:100,quantity:300},
                {name:"BB霜",price:3230,quantity:20}
            ]
        },
        "電器":{
            "家電":[
                {name:"冰箱",price:2100,quantity:300},
                {name:"洗衣機",price:3230,quantity:20}
            ]
        }
    };

然后rollup方法恕齐,會找每個familyname(化妝品,電器)下的葉子節(jié)點quantity最大的值浩嫌,無疑是300.所以以上的結果如下:


p1.png
  • nest.map()返回$key檐迟,value的大的對象
var nest_map=d3.nest()
            .key(function(d){return d.familyname;})
            .map(dataset);

這個就跟上節(jié)的map方法一樣,返回一個$key,value數(shù)組的大的對象:


p2.png
  • nest.object()返回一個對象
  1. 一層分類
var nest_object=d3.nest()
            .key(function(d){return d.familyname;})
            .rollup(function(leaves){
                return d3.sum(leaves,function(d){
                    return d.quantity;
                });
            })
            .object(dataset);
    console.log(nest_object);
p3.png
  1. 兩層嵌套分類
var nest_object2=d3.nest()
            .key(function(d){return d.familyname;})
            .key(function(d){return d.productname;})
            .rollup(function(leaves){
                return d3.sum(leaves,function(d){
                    return d.quantity;
                });
            })
            .object(dataset);
    console.log(nest_object2);
p4.png

d3之操作數(shù)組 一 (統(tǒng)計码耐,檢索追迟,變換)
d3之操作數(shù)組 二 (map與set)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市骚腥,隨后出現(xiàn)的幾起案子敦间,更是在濱河造成了極大的恐慌,老刑警劉巖束铭,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件廓块,死亡現(xiàn)場離奇詭異,居然都是意外死亡契沫,警方通過查閱死者的電腦和手機带猴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來懈万,“玉大人拴清,你說我怎么就攤上這事』嵬ǎ” “怎么了口予?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長涕侈。 經(jīng)常有香客問我沪停,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任木张,我火速辦了婚禮众辨,結果婚禮上,老公的妹妹穿的比我還像新娘窟哺。我一直安慰自己泻轰,他們只是感情好,可當我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布且轨。 她就那樣靜靜地躺著浮声,像睡著了一般。 火紅的嫁衣襯著肌膚如雪旋奢。 梳的紋絲不亂的頭發(fā)上泳挥,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天,我揣著相機與錄音至朗,去河邊找鬼屉符。 笑死,一個胖子當著我的面吹牛锹引,可吹牛的內容都是我干的矗钟。 我是一名探鬼主播,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼嫌变,長吁一口氣:“原來是場噩夢啊……” “哼吨艇!你這毒婦竟也來了?” 一聲冷哼從身側響起腾啥,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤东涡,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后倘待,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體疮跑,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年凸舵,在試婚紗的時候發(fā)現(xiàn)自己被綠了祖娘。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡啊奄,死狀恐怖贿条,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情增热,我是刑警寧澤,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布胧辽,位于F島的核電站峻仇,受9級特大地震影響,放射性物質發(fā)生泄漏邑商。R本人自食惡果不足惜摄咆,卻給世界環(huán)境...
    茶點故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一凡蚜、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧吭从,春花似錦朝蜘、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至步做,卻和暖如春副渴,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背全度。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工煮剧, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人将鸵。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓勉盅,卻偏偏與公主長得像,于是被迫代替她去往敵國和親顶掉。 傳聞我的和親對象是個殘疾皇子草娜,可洞房花燭夜當晚...
    茶點故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內容

  • 一驱还、基本數(shù)據(jù)類型 注釋 單行注釋:// 區(qū)域注釋:/* */ 文檔注釋:/** */ 數(shù)值 對于byte類型而言...
    龍貓小爺閱讀 4,254評論 0 16
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴謹 對...
    cosWriter閱讀 11,089評論 1 32
  • d3 (核心部分)選擇集d3.select - 從當前文檔中選擇一系列元素。d3.selectAll - 從當前文...
    謝大見閱讀 3,427評論 1 4
  • Java集合類可用于存儲數(shù)量不等的對象,并可以實現(xiàn)常用的數(shù)據(jù)結構如棧,隊列等,Java集合還可以用于保存具有映射關...
    小徐andorid閱讀 1,915評論 0 13
  • 概要 64學時 3.5學分 章節(jié)安排 電子商務網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,095評論 0 3