Introduction绱ч殢LearnD3:ByExample鐨勭涓夐儴鍒嗐€傚畠鍙槸涓€涓嫳鏂囩炕璇戙€傚彲浠ヤ慨鏀圭殑閮ㄥ垎鐢ㄩ潤鎬佸浘鐗囦唬鏇裤€傚闇€瀹炴椂浜掑姩锛岃闃呰鍘熸枃銆傚師鏂囷細LearnD3:Data鐗堟湰锛歅ublishedMar24,2020OriginMyGitHubtext鏈夊绉嶆柟娉曞彲浠ヨ幏鍙朞bservable涓婄殑鏁版嵁銆備絾鐢变簬鎴戜滑鍒氬垰寮€濮嬶紝璁╂垜浠娇鐢ㄦ渶绠€鍗曠殑锛氭枃浠堕檮浠躲€傛绗旇鏈湁涓€涓寘鍚瘡鏃ユ俯搴﹁鏁扮殑CSV鏂囦欢銆傛垜浣跨敤Shift-Command-U鈬р寴U閿洏蹇嵎閿坊鍔犱簡瀹冿紱鎮ㄨ繕鍙互閫氳繃灏嗘枃浠舵嫋鏀惧埌鏂囦欢闄勪欢绐楁牸涓潵闄勫姞鏂囦欢锛岄€氳繃绗旇鏈彍鍗曟垨鍗曞嚮涓婇潰鐨勫洖褰㈤拡鍥炬爣璁块棶銆侳ileAttachment鍑芥暟鍙繑鍥炰竴涓彞鏌勶紝鍏佽鎮ㄩ€夋嫨鎵€闇€鐨勮〃绀哄舰寮忥紝渚嬪blob銆乥uffer鎴栵紙UTF-8缂栫爜鐨勶級鏂囨湰銆傚浜嶤SV鏂囦欢锛屾垜浠彲浠ヨ皟鐢╢ile.text鏉ヨ幏鍙栨墍闇€瀛楃涓插舰寮忕殑鏂囦欢鍐呭銆傚綋鐒讹紝鏇存湁鐢ㄧ殑鏂规硶鏄皢鏂囨湰瑙ｆ瀽涓哄叿鏈夋棩鏈熷拰娓╁害灞炴€х殑瀵硅薄锛屾垜浠彲浠ラ€氳繃灏嗘枃鏈紶閫掔粰d3.csvParse鏉ュ疄鐜般€傦紙D3鍦ㄤ笅闈㈢殑闄勫綍涓姞杞斤紝骞朵笖鍦ㄧ瑪璁版湰鐨勬瘡涓崟鍏冩牸涓兘鍙敤銆傦級鍗曞嚮涓嬮潰鐨勬暟缁勪互鏌ョ湅瀵硅薄銆傝櫧鐒禣bservable闅愬紡绛夊緟璺ㄥ崟鍏冪殑鎵胯锛屼絾鎴戜滑蹇呴』绛夊緟file.text鎵胯锛屽洜涓烘垜浠兂璁块棶鍚屼竴鍗曞厓涓殑杩斿洖鍊笺€傞粯璁ゆ儏鍐典笅锛孌3涓嶈繘琛岀被鍨嬫帹鏂紝鍥犳鏃ユ湡鍜屾俯搴﹀睘鎬ч兘鏄瓧绗︿覆銆傝繖浣夸粬浠毦浠ュ悎浣溿€備緥濡傦紝濡傛灉鎮ㄥ皾璇曟坊鍔犱袱涓俯搴︼紝瀹冧滑灏嗚杩炴帴璧锋潵銆傚搸鍛€锛侌煒濊灏嗚繖浜涘瓧绗︿覆杞崲涓烘棩鏈熷拰鏁板瓧锛岃灏嗗嚱鏁颁綔涓虹浜屼釜鍙傛暟浼犻€掔粰d3.csvParse銆傛瘡琛岃皟鐢ㄦ鍑芥暟锛屾牴鎹渶瑕佹搷浣滆瀵硅薄銆傛洿濂界殑鏄紝绫诲瀷鏄€氳繃d3.autoType鑷姩鎺ㄦ柇鐨勩€傚鏋滄偍鏌ョ湅涓婇潰鐨勬暟缁勶紝鎮ㄤ細鐪嬪埌钃濊壊鐨勬棩鏈熷拰鏁板瓧锛堣€屼笉鏄弻寮曞彿涔嬮棿鐨勮摑鑹插瓧绗︿覆锛夛紝杩欒〃鏄庣被鍨嬭浆鎹㈡垚鍔熴€傝鎴戜滑绋嶅井浜嗚В涓€涓婳bservable鍗曞厓鐨勮娉曘€傚埌鐩墠涓烘锛屾偍鍙湅鍒颁簡鍙互鍛藉悕鎴栧尶鍚嶇殑琛ㄨ揪寮忓崟鍏冦€傚彲浠ユ鏌ヤ袱绉嶇被鍨嬬殑鍗曞厓鏍硷紝浣嗗彧鑳戒粠鍏朵粬鍗曞厓鏍煎紩鐢ㄥ懡鍚嶅崟鍏冩牸銆傚浜庢瘮绠€鍗曡〃杈惧紡鏇村鏉傜殑浠ｇ爜锛岀紪鍐欎竴涓敱涓€涓垨澶氫釜鐢ㄥぇ鎷彿鎷捣鏉ョ殑璇彞缁勬垚鐨勫潡銆傚潡鍗曞厓灏卞儚鍑芥暟锛屽彧鏈夊湪杩斿洖鎴栦骇鐢熸椂鎵嶄細浜х敓涓€涓€笺€備笌琛ㄨ揪寮忓崟鍏冩牸涓€鏍凤紝鍛藉悕鍧楀崟鍏冩牸鍙互浠庡叾浠栧崟鍏冩牸寮曠敤銆傚眬閮ㄥ彉閲忥紝渚嬪涓婇潰鐨剆锛屽notebook鐨勫叾浣欓儴鍒嗕笉鍙锛涘叾浠栧崟鍏冩牸鍙兘璁块棶鎸囧畾鍗曞厓鏍肩殑杩斿洖鍊笺€傝繖鏍凤紝Observables灏卞儚鐢靛瓙琛ㄦ牸锛氭瘡涓崟鍏冩牸閮藉畾涔変簡涓€涓敮涓€鐨勫€笺€傚洖鍒版墜澶寸殑浠诲姟锛屽湪鍚嶄负data鐨勫崟鍏冧腑鏈夋洿鏄庣‘鐨勬柟娉曟潵鑾峰彇銆佽В鏋愬拰绫诲瀷杞崲CSV鏂囦欢銆傚鏋滄偍鐨勬暟鎹笌d3.autoType涓嶅吋瀹癸紝鎮ㄥ彲浠ラ噰鐢ㄨ繖绉嶆柟娉曪紙濡傛灉鎮ㄤ笉纭畾锛屼笉瑕佷緷璧栬嚜鍔ㄧ被鍨嬫帹鏂垨鏌ラ槄鏂囨。銆傦級鏈変簡鏂逛究琛ㄧず鐨勬暟鎹紝鎴戜滑鐜板湪鍙互寮€濮嬪伐浣滀簡锛佷緥濡傦紝鎴戜滑鍙互璁＄畻鏃ユ湡鍜屾俯搴︾殑鑼冨洿浠ヨ幏寰楀尯鍩熷€笺€傛濡傛垜浠箣鍓嶇湅鍒扮殑锛屾垜浠彲浠ュ皢鏁版嵁娉ㄥ叆鍒版牱鏈洿鏂瑰浘涓紝浠ヨ幏寰楁俯搴﹀垎甯冪殑鐩磋鎰熷彈銆傛皵鍊欐俯鍜岋紒鍟婏紝鏃ч噾灞便€傪煂ゅ湪澶勭悊Observable涓殑鏁版嵁鏃讹紝涓€涓殣鍚殑鑰冭檻鏄皢浠ｇ爜鏀惧湪鍗曚釜鍗曞厓涓繕鏄崟鐙殑鍗曞厓涓€備竴涓ソ鐨勭粡楠屾硶鍒欐槸涓€涓崟鍏冨簲璇ュ畾涔変竴涓鍏朵粬鍗曞厓寮曠敤鐨勫懡鍚嶅€硷紙濡備笂闈㈢殑鏁版嵁锛夛紝鎴栬€呭畠搴旇鍚戣鑰呮樉绀轰竴浜涙湁鐢ㄧ殑淇℃伅锛堝鏈枃銆佷笂鍥炬垨妫€鏌ュ崟鍏冩暟鎹級.杩欐潯瑙勫垯鐨勪竴涓叧閿惈涔夋槸浣犲簲璇ラ伩鍏嶅崟鍏冧箣闂寸殑闅愬紡渚濊禆锛氬彧渚濊禆浜庝綘鑳藉懡鍚嶇殑涓滆タ銆備负浠€涔堬紵绗旇鏈殑鏁版嵁娴佹槸鏍规嵁鍏跺崟鍏冩牸寮曠敤鏋勫缓鐨勩€傚鏋滀竴涓崟鍏冩病鏈夊悕瀛楋紝瀹冨氨涓嶈兘琚紩鐢紝骞朵笖闅愬紡渚濊禆浜庡畠鐨勬晥鏋滅殑鍗曞厓鍙兘浼氬湪瀹冧箣鍓嶈繍琛屻€傦紙鍗曞厓鎸夋嫇鎵戦『搴忚繍琛岋紝鑰屼笉鏄粠涓婂埌涓嬨€傦級闅愬紡渚濊禆瀵艰嚧寮€鍙戣繃绋嬩腑鐨勪笉纭畾琛屼负馃槺锛屼互鍙婄瑪璁版湰閲嶆柊鍔犺浇鏃跺彲鑳藉嚭鐜扮殑閿欒馃挜锛佷緥濡傦紝濡傛灉涓€涓崟鍏冨畾涔変簡涓€涓暟缁勶紝鑰屽彟涓€涓崟鍏冨鍏惰繘琛屼簡淇敼锛岄偅涔堝彟涓€涓崟鍏冨彲鑳戒細鍦ㄤ慨鏀逛箣鍓嶆垨涔嬪悗鐪嬪埌璇ユ暟缁勩€備负閬垮厤杩欑姝т箟锛屾偍闇€瑕侀€氳繃涓虹浜屼釜鍗曞厓鍛藉悕骞朵娇鐢╝rray.from鎴朼rray.map澶嶅埗鏁扮粍鏉ユ槑纭緷璧栧叧绯汇€傛垨鑰呭悎骞朵袱涓崟鍏冩牸锛屼娇鍏朵粬鍗曞厓鏍煎彧鑳界湅鍒颁慨鏀瑰悗鐨勬暟缁勩€傛垜浠殑鏁版嵁宸插噯澶囧氨缁紝璁╂垜浠户缁浘褰紒NextAppendixReferencesLearnD3:Data
