API ทั้งหมดที่จัดทำโดยไลบรารี D3 อยู่ในเนมสเปซ D3 ไลบรารี D3 ใช้เวอร์ชันความหมาย คุณสามารถใช้ d3.version เพื่อดูข้อมูลเวอร์ชันปัจจุบัน
D3 (ส่วนหลัก)
ชุดเลือก
- D3.Select - เลือกชุดขององค์ประกอบจากเอกสารปัจจุบัน
- d3.Selectall - เลือกหลายองค์ประกอบจากเอกสารปัจจุบัน
- selection.attr - ตั้งค่าหรือรับแอตทริบิวต์ที่ระบุ
- selection.classed - เพิ่มหรือลบคลาส CSS (คลาส CSS) ขององค์ประกอบที่เลือก
- selection.style - ตั้งค่าหรือลบคุณสมบัติ CSS ลำดับความสำคัญของสไตล์สูงกว่า attr
- selection.property - ตั้งค่าหรือรับค่าคุณสมบัติดั้งเดิม (คุณสมบัติดิบ)
- selection.text - ตั้งค่าหรือรับเนื้อหาข้อความฉลากขององค์ประกอบที่เลือก
- selection.html - ตั้งค่าหรือรับเนื้อหา HTML สำหรับองค์ประกอบที่เลือก (คล้ายกับ innerhtml)
- selection.append - หลังจากสร้างและเพิ่มองค์ประกอบใหม่ให้กับองค์ประกอบที่เลือก
- selection.insert - สร้างและเพิ่มองค์ประกอบใหม่ก่อนองค์ประกอบที่เลือก
- Selection.remove - ลบองค์ประกอบที่เลือกออกจากวัตถุเอกสารปัจจุบัน
- selection.data - รับหรือตั้งค่าข้อมูลสำหรับกลุ่มขององค์ประกอบในขณะที่คำนวณการเข้าร่วมเชิงสัมพันธ์
- Selection.enter - ส่งคืนตัวยึดตำแหน่งขององค์ประกอบที่หายไปชี้ไปที่ส่วนหนึ่งของข้อมูลที่ถูกผูกไว้ซึ่งมากกว่าชุดองค์ประกอบที่เลือก
- selection.exit - ส่งคืนชุดองค์ประกอบขององค์ประกอบซ้ำซ้อนเช่นเลือกมากกว่าข้อมูลที่ถูกผูกไว้ในองค์ประกอบ (ตัวอย่างที่ 1, ตัวอย่างที่ 2, ตัวอย่างที่ 3 เกี่ยวกับข้อมูล, Enter, Exit Principle)
- selection.datum - ตั้งค่าหรือรับข้อมูลของแต่ละองค์ประกอบไม่เกี่ยวข้อง (รับหรือตั้งค่าข้อมูลสำหรับแต่ละองค์ประกอบโดยไม่ต้องคำนวณการเข้าร่วม)
- selection.filter - กรองชุดการเลือกตามข้อมูลที่ถูกผูกไว้
- selection.sort - เรียงลำดับองค์ประกอบที่เลือกตามข้อมูลที่ถูกผูกไว้
- selection.order - องค์ประกอบใหม่ในเอกสารเพื่อให้ตรงกับชุดการเลือก
- selection.on - เพิ่มหรือลบผู้ฟังเหตุการณ์
- Selection.Transition - เริ่มผลการเปลี่ยนแปลง (กลับไปที่วัตถุการเปลี่ยนแปลง) ซึ่งสามารถเข้าใจได้ว่าเป็นภาพเคลื่อนไหว
- selection.interrupt - หยุดการกระทำของภาพเคลื่อนไหวทั้งหมดทันที
- selection.each - เรียกฟังก์ชันที่ระบุสำหรับแต่ละชุดองค์ประกอบที่เลือก
- selection.call - เรียกฟังก์ชันที่ระบุสำหรับชุดองค์ประกอบที่เลือกในปัจจุบัน
- selection.empty - ทดสอบว่าชุดการเลือกนั้นว่างเปล่าหรือไม่
- selection.node - ส่งคืนองค์ประกอบแรกในชุดการเลือก
- selection.size - ส่งคืนจำนวนองค์ประกอบในชุดการเลือก
- Selection.Select - เลือกองค์ประกอบลูกแรกในองค์ประกอบที่เลือกเพื่อสร้างชุดการเลือกใหม่
- selection.selectall - เลือกองค์ประกอบลูกหลายตัวในองค์ประกอบที่เลือกเพื่อสร้างชุดตัวเลือกใหม่
- D3.Selection - ชุดต้นแบบการเลือกวัตถุ (สามารถปรับปรุงได้สำหรับชุดการเลือกผ่าน
d3.selection.prototype ) - D3.Event - รับเหตุการณ์ผู้ใช้ของการโต้ตอบปัจจุบัน
- D3.Mouse - รับพิกัดของเมาส์เมื่อเทียบกับองค์ประกอบที่แน่นอน
- D3.Touches - รับพิกัดของจุดสัมผัสเทียบกับองค์ประกอบที่แน่นอน
ผลการเปลี่ยนภาพ
- D3.Transition - เริ่มการเปลี่ยนภาพเคลื่อนไหว บทช่วยสอนง่ายๆ
- Transition.delay - ระบุเวลาหน่วง (เป็นมิลลิวินาที MS) สำหรับการเปลี่ยนองค์ประกอบแต่ละครั้ง
- Transition.Duration - ระบุระยะเวลาของการเปลี่ยนแปลงของแต่ละองค์ประกอบในมิลลิวินาที MS
- transition.ease - ระบุฟังก์ชั่นบัฟเฟอร์สำหรับการเปลี่ยนแปลง
- Transition.attr - การเปลี่ยนเป็นค่าแอตทริบิวต์ใหม่อย่างราบรื่น (ค่าแอตทริบิวต์เริ่มต้นคือแอตทริบิวต์ปัจจุบัน)
- transition.attrtween - การเปลี่ยนแปลงที่ราบรื่นระหว่างค่าแอตทริบิวต์แอตแลนตาที่แตกต่างกัน (ค่าแอตทริบิวต์เริ่มต้นสามารถตั้งค่าในฟังก์ชันการเปลี่ยนแปลงและแม้แต่ฟังก์ชั่นการเปลี่ยนแปลงทั้งหมดก็สามารถปรับแต่งได้)
- Transition.style - การเปลี่ยนไปสู่มูลค่าคุณสมบัติสไตล์ใหม่อย่างราบรื่น
- Transition.styletween - การเปลี่ยนแปลงที่ราบรื่นระหว่างค่าแอตทริบิวต์สไตล์ที่แตกต่างกัน
- Transition.Text - ตั้งค่าเนื้อหาข้อความที่จุดเริ่มต้นของการเปลี่ยนแปลง
- Transition.tween-การเปลี่ยนแอตทริบิวต์เป็นค่าแอตทริบิวต์ใหม่ซึ่งอาจเป็นแอตทริบิวต์ที่ไม่ใช่ ATTR หรือไม่สไตล์เช่นข้อความ
- Transition.Select - เลือกองค์ประกอบลูกของแต่ละองค์ประกอบปัจจุบันสำหรับการเปลี่ยนแปลง
- Transition.selectall - เลือกองค์ประกอบลูกหลายตัวของแต่ละองค์ประกอบปัจจุบันสำหรับการเปลี่ยนแปลง
- Transition.filter - กรององค์ประกอบบางอย่างในองค์ประกอบปัจจุบันผ่านข้อมูลสำหรับการเปลี่ยนแปลง
- Transition.Transition - เริ่มการเปลี่ยนแปลงใหม่หลังจากการเปลี่ยนแปลงปัจจุบันสิ้นสุดลง
- Transition.remove - ลบองค์ประกอบปัจจุบันหลังจากการเปลี่ยนแปลงสิ้นสุดลง
- Transition.empty - ส่งคืนจริงหากการเปลี่ยนแปลงว่างเปล่า หากไม่มีองค์ประกอบที่ไม่ใช่ NULL ในองค์ประกอบปัจจุบันการเปลี่ยนแปลงนี้จะว่างเปล่า
- transition.node - ส่งคืนองค์ประกอบแรกในการเปลี่ยนแปลง
- Transition.size - ส่งคืนจำนวนองค์ประกอบปัจจุบันในการเปลี่ยนแปลง
- Transition.each - สำรวจแต่ละองค์ประกอบเพื่อดำเนินการ เมื่อไม่ได้ระบุประเภททริกเกอร์การดำเนินการจะดำเนินการทันที เมื่อประเภททริกเกอร์ถูกระบุเป็น 'เริ่มต้น' หรือ 'สิ้นสุด' การกระทำจะดำเนินการที่จุดเริ่มต้นหรือสิ้นสุดของการเปลี่ยนแปลง
- Transition.call - ดำเนินการฟังก์ชั่นด้วยการเปลี่ยนแปลงปัจจุบันสำหรับสิ่งนี้
- D3.Ease - ปรับแต่งฟังก์ชั่นบัฟเฟอร์การเปลี่ยนแปลง
- ความสะดวก - ฟังก์ชั่นบัฟเฟอร์ ฟังก์ชั่นบัฟเฟอร์สามารถทำให้ภาพเคลื่อนไหวเป็นธรรมชาติมากขึ้นเช่นฟังก์ชั่นบัฟเฟอร์ยืดหยุ่นที่สามารถใช้ในการจำลองการเคลื่อนไหวของวัตถุยืดหยุ่น เป็นกรณีพิเศษของฟังก์ชั่นการแก้ไข
- D3.Timer - เริ่มเวลาแอนิเมชั่นที่กำหนดเอง ฟังก์ชั่นนี้คล้ายกับ SettimeOut แต่มีการใช้งานภายในด้วย RequestAnimationFrame ซึ่งมีประสิทธิภาพมากขึ้น
- d3.timer.flush - ดำเนินการเวลาปัจจุบันโดยไม่ชักช้าทันที สามารถใช้เพื่อจัดการกับปัญหาหน้าจอสาด
- D3.Interpolate - สร้างฟังก์ชั่นการแก้ไขที่สอดแทรกระหว่างพารามิเตอร์สองตัว ประเภทของฟังก์ชันความแตกต่างจะถูกเลือกโดยอัตโนมัติตามประเภทของพารามิเตอร์อินพุต (จำนวน, สตริง, สี ฯลฯ )
- การแทรกซึม - ฟังก์ชั่นการแทรก พารามิเตอร์อินพุตอยู่ระหว่าง [0, 1]
- D3.Interpolatenumber - แทรกระหว่างสองตัวเลข
- D3.Interpolateround - การแทรกระหว่างสองตัวเลขค่าส่งคืนจะถูกปัดเศษ
- D3.Interpolatestring - แทรกระหว่างสองสาย เมื่อแยกวิเคราะห์ตัวเลขในสตริงตัวเลขที่เกี่ยวข้องจะถูกแก้ไข
- D3.Interpolatergb - การแทรกระหว่างสองสี RGB
- D3.InterpolateHSL - การแทรกระหว่างสองสี HSL
- D3.Interpolatelab - การแทรกระหว่างสองสี l*a*b*
- D3.InterpolateHcl - การแทรกระหว่างสองสี HCl
- D3.InterpolateArray - แทรกระหว่างสองลำดับ d3.interpolatearray ([0, 1], [1, 10, 100]) (0.5); // ส่งคืน [0.5, 5.5, 100]
- D3.InterpolateObject - การแทรกระหว่างสองวัตถุ d3.InterpolateArray ({x: 0, y: 1}, {x: 1, y: 10, z: 100}) (0.5); // return {x: 0.5, y: 5.5, z: 100}
- D3.InterpolateTransform - การแทรกระหว่างการแปลงแบบ 2D สองครั้ง
- D3.InterpolateZoom - ปรับการแปลอย่างราบรื่นระหว่างสองจุด ตัวอย่าง
- D3.interpolators - เพิ่มฟังก์ชั่นการแก้ไขที่กำหนดเอง
ทำงานกับอาร์เรย์
- D3.Ascending - ฟังก์ชั่นการเรียงลำดับจากน้อยไปมาก
- d3.descending - ฟังก์ชั่นการเรียงลำดับจากมากไปน้อย
- d3.min - รับค่าต่ำสุดในอาร์เรย์
- D3.MAX - รับค่าสูงสุดในอาร์เรย์
- d3.extent - รับช่วง (ค่าต่ำสุดและสูงสุด) ของอาร์เรย์
- d3.sum - รับผลรวมของตัวเลขในอาร์เรย์
- D3.Mean - รับค่าเฉลี่ยเลขคณิตของตัวเลขในอาร์เรย์
- D3.median - รับจำนวนเฉลี่ยของตัวเลขในอาร์เรย์ (เทียบเท่ากับค่า 0.5 ควอนไทล์)
- d3.quantile - รับควอนไทล์ของอาร์เรย์ที่เรียงลำดับ
- D3.Bisect - รับตำแหน่งการแทรกของจำนวนหนึ่งในอาร์เรย์ที่เรียงลำดับผ่านการแบ่งขั้ว (เหมือนกับ d3.bisectright)
- D3.Bisectright - รับตำแหน่งการแทรกของตัวเลขในอาร์เรย์ที่เรียงลำดับ (ค่าเท่ากับถูกจัดประเภททางด้านขวา)
- D3.Bisectleft - รับตำแหน่งการแทรกของตัวเลขในอาร์เรย์ที่เรียงลำดับ (ค่าเท่ากับถูกจัดประเภททางด้านซ้าย)
- D3.Bisector - ปรับแต่งฟังก์ชั่นไบนารี
- D3.Shuffle - Shuffle จัดเรียงองค์ประกอบแบบสุ่มในอาร์เรย์
- D3.Permute - จัดเรียงองค์ประกอบในอาร์เรย์ในลำดับที่ระบุ
- D3.ZIP - อาร์เรย์ที่รวมตัวเลขหลายตัวลงในอาร์เรย์ องค์ประกอบ i-th ของอาร์เรย์ใหม่เป็นอาร์เรย์ที่ประกอบด้วยองค์ประกอบ i-th ในแต่ละอาร์เรย์
- D3.Transpose - เมทริกซ์เปลี่ยนผ่านนำไปใช้ผ่าน D3.ZIP
- d3.pairs - ส่งคืนอาร์เรย์ของคู่องค์ประกอบที่อยู่ติดกัน, d3.pairs ([1, 2, 3, 4]); // ส่งคืน [[1, 2], [2, 3], [3, 4]]
- D3.Keys - ส่งคืนอาร์เรย์ที่ประกอบด้วยคีย์ของอาร์เรย์เชื่อมโยง (ตารางแฮช, JSON, วัตถุวัตถุ)
- D3.Values- ส่งคืนอาร์เรย์ที่ประกอบด้วยค่าของอาร์เรย์เชื่อมโยง
- D3.entries - ส่งคืนอาร์เรย์ที่ประกอบด้วยหน่วยงานคีย์ - ค่าของอาร์เรย์เชื่อมโยง, d3.entries ({foo: 42}); // ส่งคืน [{key: "foo", ค่า: 42}]
- D3.Merge - เชื่อมต่อหลายอาร์เรย์เป็นหนึ่งเดียวคล้ายกับวิธีการดั้งเดิม d3.merge ([[1], [2, 3]]); // ส่งคืน [1, 2, 3]
- D3.Range - รับลำดับ D3.Range ([เริ่มต้น] หยุด [, ขั้นตอน])
- D3.nest - รับวัตถุรังที่จัดเรียงอาร์เรย์เป็นลำดับชั้น ตัวอย่าง: http://bl.ocks.org/phoebebright/raw/3176159/
- Nest.key - เพิ่มลำดับชั้นให้กับลำดับชั้นของรัง
- Nest.sortkeys - เรียงลำดับลำดับชั้นของ Nest ปัจจุบันตามคีย์
- Nest.sortvalues- เรียงลำดับลำดับชั้นของใบ Nest ตามค่า
- Nest.Rollup - ตั้งค่าฟังก์ชันเพื่อปรับเปลี่ยนค่าของโหนดใบไม้
- Nest.map - ดำเนินการ Nest, ส่งคืนอาร์เรย์เชื่อมโยง (JSON)
- Nest.entries - ดำเนินการ Nest, ส่งคืนอาร์เรย์คีย์ - ค่า หากผลลัพธ์ที่ส่งคืนโดย Nest.map นั้นคล้ายกับ {foo: 42} ผลลัพธ์ที่ส่งคืนโดย Nest.entries จะคล้ายกับ [{key: "foo" ค่า: 42}]
- D3.MAP - แปลงวัตถุของ JavaScript เป็นแฮชปิดกั้นปัญหาของความไม่สอดคล้องกับแฮชที่เกิดจากฟังก์ชั่นห่วงโซ่ต้นแบบของวัตถุ
- map.has - แผนที่ส่งคืนจริงหากมีคีย์ที่แน่นอน
- map.get - ส่งคืนค่าที่สอดคล้องกับคีย์ในแผนที่
- map.set - ตั้งค่าที่สอดคล้องกับคีย์ในแผนที่
- map.remove - ลบคีย์ในแผนที่
- map.keys - ส่งคืนอาร์เรย์ของปุ่มทั้งหมดในแผนที่
- Map.Values- ส่งคืนอาร์เรย์ของค่าทั้งหมดในแผนที่
- map.entries-ส่งคืนอาร์เรย์ของรายการทั้งหมด (คู่คีย์-ค่าคีย์-ค่า) ในแผนที่ คล้ายกับ {foo: 42} แปลงเป็น [{key: "foo", ค่า: 42}]
- map.foreach - ดำเนินการฟังก์ชั่นในแต่ละรายการในแผนที่
- D3.set - แปลงอาร์เรย์ของ JavaScript เป็นชุดโดยปิดกั้นปัญหาของความไม่สอดคล้องกับชุดที่เกิดจากฟังก์ชันโซ่ต้นแบบวัตถุของอาร์เรย์ ค่าในชุดเป็นผลลัพธ์ของการแปลงแต่ละค่าในอาร์เรย์เป็นสตริง ค่าในชุดถูกหักสำรอง
- set.has - ส่งคืนว่าชุดมีค่าหรือไม่
- set.add - เพิ่มค่า
- set.remove - ลบค่า
- set.values- ส่งคืนอาร์เรย์ที่ประกอบด้วยค่าในชุด ค่าในชุดถูกหักสำรอง
- set.foreach - ดำเนินการฟังก์ชั่นสำหรับแต่ละค่าในชุด
คณิตศาสตร์
- d3.random.normal - สร้างจำนวนสุ่มโดยใช้การแจกแจงแบบปกติ
- d3.random.lognormal - สร้างหมายเลขสุ่มโดยใช้การแจกแจงบันทึกปกติ
- D3.random.irwinhall - สร้างจำนวนสุ่มโดยใช้การแจกแจง Irwinhall (วิธีการใช้งานการแจกแจงแบบปกติที่ง่ายและเป็นไปได้และง่ายต่อการตั้งโปรแกรม)
- D3.Transform - แปลงรูปแบบการแปลงของ SVG เป็นรูปแบบสตริงการแปลง 2D มาตรฐาน
กำลังโหลดทรัพยากรภายนอก
- D3.xhr - เริ่มต้นคำขอ XMLHTTPREQUEST เพื่อรับทรัพยากร
- XHR.Header - ตั้งส่วนหัวคำขอ
- XHR.MIMETYPE - ตั้งส่วนหัวคำขอที่ยอมรับและแทนที่ประเภทการตอบสนองของใบ้ MIME
- XHR.Response - ตั้งค่าฟังก์ชั่นการแปลงค่าการตอบกลับ ตัวอย่างเช่นฟังก์ชัน (คำขอ) {return json.parse (request.responsetext); -
- xhr.get - เริ่มคำขอรับ
- XHR.POST - เริ่มคำขอโพสต์
- XHR.Send - เริ่มคำขอด้วยวิธีการและข้อมูลที่ระบุ
- xhr.abort - ยุติคำขอปัจจุบัน
- xhr.on - เพิ่มผู้ฟังเหตุการณ์เช่น "beforesend", "ความคืบหน้า", "โหลด" หรือ "ข้อผิดพลาด" ในคำขอ
- D3.Text - ขอไฟล์ข้อความ
- D3.JSON - ขอ JSON
- D3.HTML - ขอชิ้นส่วนข้อความ HTML
- d3.xml - ขอชิ้นส่วนข้อความ XML
- D3.CSV-ขอค่า CSV (ค่าที่คั่นด้วยเครื่องหมายจุลภาค, ค่าที่คั่นด้วยเครื่องหมายจุลภาค)
- D3.TSV-ขอค่า TSV (ค่าที่คั่นด้วยแท็บ, ค่าที่คั่นด้วยแท็บ)
การจัดรูปแบบสตริง
- D3.Format - แปลงตัวเลขเป็นสตริงในรูปแบบที่ระบุ รูปแบบการแปลงนั้นอุดมไปด้วยและฉลาดมาก
- D3.FormatPrefix - รับวัตถุ [คำนำหน้า SI] ที่มีค่าและความแม่นยำที่ระบุ ฟังก์ชั่นนี้สามารถใช้เพื่อกำหนดขนาดของข้อมูลโดยอัตโนมัติเช่น K (พัน), M (ล้าน) ฯลฯ ตัวอย่าง: คำนำหน้า var = d3.FormatPrefix (1.21E9); console.log (prefix.symbol); // "G"; console.log (prefix.scale (1.21e9)); // 1.21
- D3.Requote - หลบหนีออกเป็นรูปแบบที่สามารถใช้ในการแสดงออกปกติ ตัวอย่างเช่น d3.requote ('$'); // return "/$"
- D3. รอบ - กำหนดจำนวนตัวเลขที่จะปัดหมายเลขหนึ่งหลังจากจุดทศนิยม คล้ายกับ tofixed () แต่ส่งคืนหมายเลขรูปแบบ ตัวอย่างเช่น d3. รอบ (1.23); // return 1; d3. รอบ (1.23, 1); // return 1.2; d3. รอบ (1.25, 1); // return 1.3
การจัดรูปแบบ CSV (D3.CSV)
- D3.CSV-รับไฟล์ CSV (ค่าคั่นด้วยเครื่องหมายจุลภาค, ค่าที่คั่นด้วยลำไส้ใหญ่)
- d3.csv.parse - แปลงสตริงไฟล์ CSV เป็นอาร์เรย์ของวัตถุและคีย์ของวัตถุจะถูกกำหนดโดยบรรทัดแรก ตัวอย่างเช่น: [{"ปี": "1997", "ความยาว": "2.34"}, {"ปี": "2000", "ความยาว": "2.38"}]
- d3.csv.parserows - อาร์เรย์ที่แปลงสตริงไฟล์ CSV เป็นอาร์เรย์ ตัวอย่างเช่น: [["ปี", "ความยาว"], ["1997", "2.34"], ["2000", "2.38"
- d3.csv.format - แปลงอาร์เรย์ของวัตถุเป็นสตริงไฟล์ CSV ซึ่งเป็นการดำเนินการผกผันของ d3.csv.parse
- d3.csv.formatrows - แปลงอาร์เรย์ของอาร์เรย์เป็นสตริงไฟล์ CSV ซึ่งเป็นการทำงานแบบผกผันของ d3.csv.parserows
- D3.TSV-รับค่า TSV (ค่าที่คั่นด้วยแท็บ, ค่าที่คั่นด้วยแท็บ)
- d3.tsv.parse - คล้ายกับ d3.csv.parse
- d3.tsv.parserows - คล้ายกับ d3.csv.parserows
- d3.tsv.format - คล้ายกับ d3.csv.format
- d3.tsv.formatrows - คล้ายกับ d3.csv.formatrows
- D3.DSV - สร้างวัตถุการประมวลผลไฟล์คล้ายกับ D3.CSV ซึ่งสามารถปรับแต่งตัวคั่นและประเภท MIME ตัวอย่างเช่น: var dsv = d3.dsv ("|", "ข้อความ/ธรรมดา");
สี
- D3.RGB - ระบุสีเพื่อสร้างวัตถุสี RGB รองรับอินพุตในหลายรูปแบบสี
- RGB.Brighter - เพิ่มความสว่างของสีแอมพลิจูดการเปลี่ยนแปลงจะถูกกำหนดโดยพารามิเตอร์
- RGB.Darker - ลดความสว่างของสีความกว้างของการเปลี่ยนแปลงจะถูกกำหนดโดยพารามิเตอร์
- RGB.HSL - แปลงวัตถุสี RGB เป็นวัตถุสี HSL
- RGB.TOSTRING - การแปลงสี RGB เป็นรูปแบบสตริง
- D3.HSL - สร้างวัตถุสี HSL รองรับอินพุตในหลายรูปแบบสี
- HSL.Brighter - เพิ่มความสว่างของสีแอมพลิจูดการเปลี่ยนแปลงจะถูกกำหนดโดยพารามิเตอร์
- HSL.Darker - ลดทอนความสว่างของสีแอมพลิจูดการเปลี่ยนแปลงจะถูกกำหนดโดยพารามิเตอร์
- HSL.RGB - แปลงวัตถุสี HSL เป็นวัตถุสี RGB
- HSL.TOSTRING - การแปลงสี HSL เป็นรูปแบบสตริง
- d3.lab - สร้างวัตถุสีแล็บ รองรับอินพุตในหลายรูปแบบสี
- Lab.brighter - เพิ่มความสว่างของสีแอมพลิจูดการเปลี่ยนแปลงจะถูกกำหนดโดยพารามิเตอร์
- Lab.Darker - ความสว่างของสีลดลงและแอมพลิจูดของการเปลี่ยนแปลงจะถูกกำหนดโดยพารามิเตอร์
- lab.rgb - แปลงวัตถุสีแล็บเป็นวัตถุสี RGB
- lab.toString - การแปลงสีแล็บเป็นรูปแบบสตริง
- D3.HCL - สร้างวัตถุสี HCL รองรับอินพุตในหลายรูปแบบสี
- HCl.Brigter - เพิ่มความสว่างของสีแอมพลิจูดการเปลี่ยนแปลงจะถูกกำหนดโดยพารามิเตอร์
- HCl.Darker - ลดความสว่างของสีแอมพลิจูดการเปลี่ยนแปลงจะถูกกำหนดโดยพารามิเตอร์
- hcl.rgb - แปลงวัตถุสี HCl เป็นวัตถุสี RGB
- HCl.ToString - การแปลงสี HCL เป็นรูปแบบสตริง
เนมสเปซ
- d3.ns.prefix - รับหรือขยายเนมสเปซ XML ที่รู้จัก
- d3.ns.qualify - ตรวจสอบว่าคำนำหน้าเนมสเปซมีอยู่หรือไม่เช่น "xlink: href" ใน "xlink" เป็นเนมสเปซที่รู้จัก
ภายใน
- D3.Functor - ฟังก์ชันการทำงาน แปลงตัวแปรที่ไม่ใช่ฟังก์ชันเป็นฟังก์ชันที่ส่งคืนเฉพาะค่าของตัวแปรนั้น ป้อนฟังก์ชั่นส่งคืนฟังก์ชั่นดั้งเดิม ป้อนค่าส่งคืนฟังก์ชันซึ่งส่งคืนค่าดั้งเดิมเท่านั้น
- d3.rebind - ผูกวิธีการของวัตถุกับวัตถุอื่น
- D3.Dispatch - สร้างเหตุการณ์ที่กำหนดเอง
- dispatch.on - เพิ่มหรือลบฟังเหตุการณ์ ผู้ฟังหลายคนสามารถเพิ่มเข้าไปในกิจกรรมได้
- dispatch.type - เหตุการณ์ทริกเกอร์ โดยที่ 'พิมพ์' เป็นชื่อของเหตุการณ์ที่จะถูกไล่ออก
d3.scale (เกล็ด)
การเปลี่ยนแปลงเชิงปริมาณ
- d3.scale.linear - สร้างการแปลงเชิงปริมาณเชิงเส้น (ขอแนะนำให้อ้างถึงซอร์สโค้ดเพื่อทำความเข้าใจการเปลี่ยนแปลงที่หลากหลายอย่างลึกซึ้ง)
- linear - ป้อนค่าของโดเมนและส่งคืนค่าของโดเมน
- linear.invert - การแปลงผกผันค่าโดเมนค่าอินพุตจะส่งคืนค่าโดเมน
- linear.domain - รับหรือตั้งค่าโดเมน
- Linear.Range - รับหรือตั้งค่าช่วง
- linear.rangeround - ตั้งค่าช่วงค่าและปัดผลลัพธ์
- Linear.Interpolate - ฟังก์ชั่นการแก้ไขสำหรับการแปลง GET หรือ SET เช่นการแทนที่ฟังก์ชั่นการแก้ไขเชิงเส้นเริ่มต้นด้วยฟังก์ชันการแก้ไขเชิงเส้นแบบโค้งมน D3_Interpolateround
- linear.clamp - ตั้งค่าช่วงค่าของค่าปิดและไม่ปิดตามค่าเริ่มต้น เมื่อช่วงค่าถูกปิดหากผลการแก้ไขอยู่นอกช่วงค่าค่าขอบเขตของช่วงค่าของช่วงค่าจะถูกนำมาใช้ หากช่วงค่าคือ [1, 2] ผลการคำนวณของฟังก์ชันการแก้ไขคือ 3 ถ้ามันไม่ได้ปิดผลลัพธ์สุดท้ายคือ 3; ถ้าปิดผลลัพธ์สุดท้ายคือ 2
- linear.nice - ขยายขอบเขตโดเมนเพื่อให้โดเมนปกติมากขึ้น ตัวอย่างเช่น [0.20147987687960267, 0.996679553296417] กลายเป็น [0.2, 1]
- linear.ticks - ใช้ค่าตัวแทนจากโดเมน มักจะใช้สำหรับการเลือกเครื่องชั่งแกนพิกัด
- linear.tickformat - รับฟังก์ชั่นการแปลงรูปแบบโดยปกติจะใช้สำหรับการแปลงรูปแบบของสเกลแกน ตัวอย่างเช่น: var x = d3.scale.linear (). โดเมน ([-1, 1]); console.log (x.ticks (5) .map (x.tickformat (5, "+%"))); // ["-100%", "-50%", "+0%", "+50%", "+100%"
- linear.copy - คัดลอกการแปลงจากการแปลงที่มีอยู่
- d3.scale.sqrt - สร้างการเปลี่ยนแปลงเชิงปริมาณเพื่อค้นหารากสี่เหลี่ยม
- d3.scale.pow - สร้างการเปลี่ยนแปลงแบบเอ็กซ์โปเนนเชียล (ดูความคิดเห็นของฟังก์ชั่นที่สอดคล้องกันของเชิงเส้น)
- POW - ป้อนค่าของโดเมนและส่งคืนค่าของโดเมน
- pow.invert - การแปลงผกผันอินพุตค่าฟิลด์ค่าส่งคืนค่าโดเมน
- pow.domain - รับหรือตั้งค่าโดเมน
- POW.Range - รับหรือตั้งค่าช่วง
- Pow.rangeround - ตั้งค่าช่วงค่าและปัดเศษผลลัพธ์
- Pow.Interpolate - ฟังก์ชั่นการแทรกซึมสำหรับการแปลง GET หรือ SET
- Pow.Clamp - ตั้งค่าว่าฟิลด์ค่าถูกปิดและไม่ปิดตามค่าเริ่มต้น
- POW.Nice - ขยายขอบเขตโดเมนเพื่อทำให้โดเมนปกติมากขึ้น
- Pow.ticks - รับค่าตัวแทนจากโดเมน มักจะใช้สำหรับการเลือกเครื่องชั่งแกนพิกัด
- POW.tickformat - รับฟังก์ชั่นการแปลงรูปแบบโดยปกติจะใช้สำหรับการแปลงรูปแบบของเครื่องชั่งแกน
- pow.exponent - พลังของการรับหรือตั้งค่าเลขชี้กำลัง ค่าเริ่มต้นคือพลังงาน 1.
- Pow.Copy - คัดลอกการแปลงจากการแปลงที่มีอยู่
- d3.scale.log - สร้างการเปลี่ยนแปลงลอการิทึม (ดูความคิดเห็นของฟังก์ชั่นที่สอดคล้องกันของเชิงเส้น)
- บันทึก - ป้อนค่าของโดเมนและส่งคืนค่าของโดเมน
- log.invert - การแปลงผกผันป้อนค่าฟิลด์ค่าส่งคืนค่าฟิลด์นิยาม
- log.domain - รับหรือตั้งค่าโดเมน
- log.Range - รับหรือตั้งค่าช่วง
- log.rangeround - ตั้งค่าช่วงและปัดผลลัพธ์
- log.interpolate - ฟังก์ชั่นการแทรกแซงสำหรับการแปลง GET หรือ SET
- log.clamp - ตั้งค่าว่าฟิลด์ค่าถูกปิดและไม่ปิดตามค่าเริ่มต้น
- log.nice - ขยายขอบเขตโดเมนเพื่อให้โดเมนปกติมากขึ้น
- log.ticks - ใช้ค่าตัวแทนจากโดเมน มักจะใช้สำหรับการเลือกเครื่องชั่งแกนพิกัด
- log.tickformat - รับฟังก์ชั่นการแปลงรูปแบบโดยปกติจะใช้สำหรับการแปลงรูปแบบของสเกลแกน
- log.copy - คัดลอกการแปลงจากการแปลงที่มีอยู่
- d3.scale.quantize - สร้างการแปลงเชิงเส้นเชิงปริมาณกำหนดโดเมนเป็นช่วงเวลาตัวเลขและโดเมนค่าเป็นค่าที่ไม่ต่อเนื่องหลายค่า
- Quantize - ป้อนค่าตัวเลขและส่งคืนค่าที่ไม่ต่อเนื่อง ตัวอย่างเช่น: var q = d3.scale.quantize (). โดเมน ([0, 1]) ช่วง (['a', 'b', 'c']); //q(0.3) === 'A', Q (0.4) === 'B', Q (0.6) === 'B', Q (0.7) === 'C;
- quantize.invertextent - ส่งคืนช่วงของค่าที่ได้รับค่าที่ไม่ต่อเนื่อง // ผลลัพธ์ของ q.invertextent ('a') คือ [0, 0.333333333333333333]
- Quantize.domain - โดเมนของการแปลง Get หรือ Set
- Quantize.Range - ช่วงของค่าที่แปลงโดยรับหรือตั้งค่า
- quantize.copy - คัดลอกการแปลงจากการแปลงที่มีอยู่
- d3.scale.threshold - สร้างการเปลี่ยนแปลงเชิงเส้น (เกณฑ์) โดเมนเป็นลำดับตัวเลขที่แยกค่าของค่าและโดเมนเป็นค่าที่ไม่ต่อเนื่อง ความแตกต่างระหว่างมันและปริมาณคือช่วงค่าที่ระบุโดยปริมาณเป็นช่วงเวลาหนึ่งและจากนั้นช่วงเวลาจะถูกแบ่งออกเป็นหลายช่วงเวลาของเซลล์เพื่อให้สอดคล้องกับค่าที่ไม่ต่อเนื่อง เกณฑ์ระบุค่าการแยกขอบเขตระหว่างแต่ละเซลล์ ตัวอย่าง: var t = d3.scale.threshold (). โดเมน ([0, 1]) ช่วง (['a', 'b', 'c']); t (-1) === 'a'; t (0) === 'b'; t (0.5) === 'b'; t (1) === 'C'; t (1,000) === 'C'; t.invertextent ('a'); // return [undefined, 0] t.invertextent ('b'); // ส่งคืน [0, 1] t.invertextent ('c'); // ส่งคืน [1, ไม่ได้กำหนด]
- Threshold - ป้อนค่าตัวเลขและส่งคืนค่าที่ไม่ต่อเนื่อง
- threshold.invertextent - ป้อนค่าที่ไม่ต่อเนื่องและส่งคืนค่า
- threshold.domain - โดเมนของการเปลี่ยนแปลง Get หรือ Set
- THRESHOLD.RANGE - ช่วงของการรับหรือชุดเปลี่ยน
- threshold.copy - คัดลอกการแปลงจากการแปลงที่มีอยู่
- d3.scale.quantile - สร้างการเปลี่ยนแปลงเชิงเส้นเชิงปริมาณ วิธีการใช้งานนั้นคล้ายคลึงกับปริมาณความแตกต่างคือ Quantile จะแยกช่วงเวลาตามค่ามัธยฐานและควอนตัมจะแยกช่วงเวลาตามค่าเฉลี่ยเลขคณิต ตัวอย่าง
- Quantile - ป้อนค่าตัวเลขและส่งคืนค่าที่ไม่ต่อเนื่อง
- quantile.invertextent - ป้อนค่าที่ไม่ต่อเนื่องและส่งคืนค่าตัวเลข
- Quantile.domain - โดเมนของการเปลี่ยนแปลง Get หรือ Set
- Quantile.Range - ช่วงของค่าที่ถูกแปลงโดยรับหรือตั้งค่า
- Quantile.quantiles - ได้รับค่าที่แยกจากการแปลง Quantile 示例: var q = d3.scale.quantile (). โดเมน ([0, 1]) ช่วง (['a', 'b', 'c']); Q.Quantiles () ผลตอบแทน [0.3333333333333333326, 0.666666666666666665]
- Quantile.Copy - คัดลอกการแปลงจากการแปลงที่มีอยู่
- D3.Scale.Identity - สร้างการเปลี่ยนแปลงเชิงเส้นข้อมูลประจำตัว การแปลงเชิงเส้นพิเศษโดเมนนิยามการแปลงนี้เหมือนกับโดเมนค่าและใช้เฉพาะในบางแกนหรือโมดูลแปรงภายใน D3
- ตัวตน - ฟังก์ชั่นการแปลงเชิงเส้นข้อมูลประจำตัว ส่งคืนค่าอินพุต
- Identity.Invert - ฟังก์ชั่น Identity จะส่งคืนค่าอินพุต
- Identity.domain - โดเมนของการเปลี่ยนแปลง Get หรือ Set
- Identity.Range - ช่วงของค่าที่แปลงโดย GET หรือ SET
- Identity.ticks - ใช้ค่าตัวแทนจากโดเมน มักจะใช้สำหรับการเลือกเครื่องชั่งแกนพิกัด
- Identity.tickformat - รับฟังก์ชั่นการแปลงรูปแบบโดยปกติจะใช้สำหรับการแปลงรูปแบบของเครื่องชั่งแกน
- Identity.copy - คัดลอกการแปลงจากการแปลงที่มีอยู่
การแปลงลำดับ (ลำดับ)
- d3.scale.ordinal - สร้างวัตถุแปลงลำดับ โดเมนคำจำกัดความอินพุตและโดเมนค่าเอาต์พุตของการแปลงลำดับนั้นไม่ต่อเนื่อง โดเมนอินพุตของการเปลี่ยนแปลงเชิงปริมาณนั้นต่อเนื่องซึ่งเป็นความแตกต่างที่ใหญ่ที่สุดระหว่างทั้งสอง
- ลำดับ - ป้อนค่าที่ไม่ต่อเนื่องและส่งคืนค่าที่ไม่ต่อเนื่อง ค่าอินพุตที่ไม่ได้อยู่ในโดเมนปัจจุบันจะถูกเพิ่มลงในโดเมนโดยอัตโนมัติ
- ordinal.domain - โดเมนของการเปลี่ยนแปลง Get หรือ Set
- ordinal.Range - ช่วงค่าของการแปลงหรือตั้งค่า
- ordinal.RangePoints - ใช้หลายจุดที่ไม่ต่อเนื่องเพื่อแบ่งช่วงเวลาต่อเนื่อง สำหรับรายละเอียดโปรดดูตำนานในลิงค์
- ordinal.rangebands - ใช้หลายช่วงเวลาที่ไม่ต่อเนื่องเพื่อแบ่งช่วงเวลาต่อเนื่อง สำหรับรายละเอียดโปรดดูตำนานในลิงค์
- ordinal.rangeroundbands - ใช้หลายช่วงเวลาที่ไม่ต่อเนื่องเพื่อแบ่งช่วงเวลาต่อเนื่องและขอบเขตและความกว้างของช่วงเวลาจะถูกปัดเศษ สำหรับรายละเอียดโปรดดูตำนานในลิงค์
- ordinal.rangeband - ได้รับความกว้างของช่วงเวลาที่ไม่ต่อเนื่อง
- ordinal.RangeExtent - รับค่าสูงสุดต่ำสุดของฟิลด์เอาต์พุต
- ordinal.copy - คัดลอกการแปลงจากการแปลงที่มีอยู่
- d3.scale.category10 - สร้างการเปลี่ยนแปลงตามลำดับด้วย 10 สี
- d3.scale.category20 - สร้างการเปลี่ยนแปลงตามลำดับด้วย 20 สี
- d3.scale.category20b - สร้างการเปลี่ยนแปลงตามลำดับด้วยอีก 20 สี
- d3.scale.category20c - สร้างการเปลี่ยนแปลงตามลำดับด้วยอีก 20 สี
d3.svg (SVG)
รูปทรง
- d3.svg.line - สร้างตัวสร้างเซ็กเมนต์
- บรรทัด - สร้างบรรทัดในแผนภูมิบรรทัด
- line.x - ตั้งค่าหรือรับ Accessor แกน X-
- line.y - ตั้งค่าหรือรับ y- axis accessor
- line.interpolate - ตั้งค่าหรือรับโหมดการแก้ไข
- line.tension - รับหรือตั้งค่า accessor ความตึงของเส้นโค้ง (ความตึงเครียด cardinal spline)
- line.defined - กำหนดว่ามีบรรทัดอยู่ที่จุดหนึ่งหรือไม่
- d3.svg.line.radial - สร้างเครื่องกำเนิดรังสี
- เส้น - สร้างเส้นโค้งเชิงเส้นแบ่งส่วนสำหรับแผนภูมิเส้นละติจูด/เรดาร์
- line.radius - รับหรือตั้งค่า accessor รัศมี
- line.angle - รับหรือตั้งค่า accessor มุม
- line.defined - ตั้งค่าหรือรับ Line Definition Accessor
- d3.svg.area - สร้างเครื่องกำเนิดพื้นที่ใหม่
- พื้นที่ - สร้างพื้นที่เชิงเส้นสำหรับแผนภูมิพื้นที่
- Area.x - อุปกรณ์เสริมที่ได้รับหรือตั้งค่าพิกัด X
- พื้นที่ x0 - รับหรือตั้งค่า accessor สำหรับพิกัด x0 (พื้นฐาน)
- พื้นที่ x1 - รับหรือตั้งค่า accessor สำหรับพิกัด x1 (backline)
- พื้นที่. - อุปกรณ์เสริมที่ได้รับหรือตั้งค่าพิกัด y
- Area.y0 - รับหรือตั้งค่า accessor สำหรับพิกัด Y0 (พื้นฐาน)
- พื้นที่ Y1 - รับหรือตั้งค่า accessor สำหรับพิกัด Y1 (backline)
- พื้นที่ ininterpolate - รับหรือตั้งค่าโหมดการแก้ไข
- พื้นที่ความถี่ - รับหรือตั้งค่าความตึงเครียด cardinal spline
- พื้นที่กำหนด - ผู้พิพากษาเพื่อรับหรือกำหนดสิทธิ์การใช้งานของพื้นที่
- d3.svg.are.radial - สร้างเครื่องกำเนิดพื้นที่ใหม่
- พื้นที่ - สร้างพื้นที่เชิงเส้นของเซ็กเมนต์สำหรับแผนภูมิละติจูด/เรดาร์
- พื้นที่ Radius - รับหรือตั้งค่า accessor รัศมี
- Area.innerRadius - รับหรือตั้งค่า รัศมี ภายใน (พื้นฐาน)
- Area.Uterradius - รับหรือตั้งค่า รัศมี ภายนอก (backline) accessor
- AREAS.ANSLE - รับหรือตั้งค่า accessor มุม
- พื้นที่ StartAngle - รับหรือตั้งค่า มุม ภายใน (พื้นฐาน) accessor
- Area.endangle - รับหรือตั้งค่า มุม ภายนอก (backline) accessor
- พื้นที่กำหนด - ผู้พิพากษาเพื่อรับหรือกำหนดสิทธิ์การใช้งานของพื้นที่
- d3.svg.arc - สร้างเครื่องกำเนิดเรเดียน
- อาร์ค - สร้างเรเดียนเชิงเส้นสำหรับแผนภูมิวงกลมหรือแผนภูมิโดนัท
- arc.innerradius - รับหรือตั้งค่า accessor รัศมีภายใน
- arc.outerradius - รับหรือตั้งค่า accessor รัศมีภายนอก
- arc.startangle - รับหรือตั้งค่า accessor มุมเริ่มต้น
- arc.endangle - รับหรือตั้งค่า accessor มุมสิ้นสุด
- Arc.Centroid - คำนวณจุดศูนย์ถ่วงของส่วนโค้ง
- d3.svg.symbol - สร้างตัวสร้างสัญลักษณ์
- สัญลักษณ์ - สร้างสัญลักษณ์ที่ระบุสำหรับไดอะแกรมแฮช
- Symbol.type - รับหรือตั้งค่าประเภทสัญลักษณ์
- Symbol.size - รับหรือตั้งค่าขนาดสัญลักษณ์ (ใน Square Pixels) accessor
- d3.svg.symboltypes - อาร์เรย์ที่รองรับประเภทสัญลักษณ์
- d3.svg.chord - สร้างเครื่องกำเนิดสตริงใหม่
- คอร์ด - สร้างเส้นโค้ง bezier กำลังสองเพื่อเชื่อมต่อสองส่วนโค้งสำหรับแผนภาพสตริง
- chord.radius - รับหรือตั้งค่า arc radius accessor
- Chord.StartAngle - รับหรือตั้งค่า Accessor มุม ARC Start
- chord.endangle - รับหรือตั้งค่า accessor มุมอาร์ค
- chord.source - รับหรือตั้งค่า accessor เรเดียนต้นทาง
- Chord.target - รับหรือตั้งค่า accessor เรเดียนเป้าหมาย
- d3.svg.diagonal - สร้างเครื่องกำเนิดสแลชใหม่
- เส้นทแยงมุม - สร้างขั้วต่อ Bessel สองมิติสำหรับไดอะแกรมการเชื่อมต่อโหนด
- Diagonal.source - รับหรือตั้งค่าจุด Accessor
- Diagonal.Target - รับหรือตั้งค่าจุดเป้าหมาย
- Diagonal.project - รับหรือตั้งค่าหม้อแปลงจุดเสริม
- d3.svg.diagonal.radial - สร้างเครื่องกำเนิดสแลชใหม่
- เส้นทแยงมุม - สร้างขั้วต่อ Bessel สองมิติสำหรับไดอะแกรมการเชื่อมต่อโหนด
ขวาน
- d3.svg.axis - สร้างเครื่องกำเนิดแกน
- แกน - การสร้างแกนอย่างเป็นทางการในหน้า
- Axis.scale - การแปลงสเกลของแกน Get หรือ Set ซึ่งตั้งค่ากฎการแปลงสำหรับตำแหน่งตัวเลขและพิกเซล
- Axis.orient - รับหรือตั้งค่าทิศทางระดับแกน
- Axis.ticks - ควบคุมวิธีการสร้างสเกลแกน
- Axis.tickValues- ตั้งค่าของแกนเฉพาะ
- Axis.ticksize - ระบุความยาวพิกเซลของเครื่องหมายเห็บบนแกน
- Axis.innertickSize - ความยาวพิกเซลของเครื่องหมาย Get หรือ Set Axis Small Tick
- Axis.outerticksize - ความยาวพิกเซลของเครื่องหมาย Get หรือ Set Axis Tick ขนาดใหญ่
- Axis.tickpadding - ระบุระยะห่างของพิกเซลระหว่างสเกลแกนและข้อความเห็บ
- Axis.tickformat - ตั้งค่ารูปแบบของข้อความติ๊ก
การควบคุม
- d3.svg.brush - คลิกเพื่อลากและเลือกพื้นที่สองมิติ
- แปรง - ผูกแปรงอย่างเป็นทางการในพื้นที่ของหน้า
- Brush.x - รับหรือตั้งค่าการแปลงแปรง X ใช้สำหรับการลากและวางแนวนอน
- Brush.y - รับหรือตั้งค่าการแปลงแปรง y ใช้สำหรับการลากและวางในทิศทางแนวตั้ง
- Brush.extent - รับหรือตั้งค่าช่วงการเลือกแปรง (ขอบเขต)
- Brush.Clear - ตั้งค่าช่วงการเลือก (ขอบเขต) ของแปรงให้ว่างเปล่า
- brush.empty - กำหนดว่าช่วงการเลือก (ขอบเขต) ของแปรงว่างเปล่าหรือไม่
- Brush.on - ผู้ฟังเหตุการณ์สำหรับ Get หรือ Set Brush มีเหตุการณ์ 3 ประเภทที่สามารถฟังได้: Brushstart, Brush, Brushend
- Brush.event - ทริกเกอร์เหตุการณ์การฟังผ่านโปรแกรมและใช้หลังจากตั้งค่าขอบเขตผ่านโปรแกรม
d3.time (เวลา)
การจัดรูปแบบเวลา
- d3.time.format - สร้างตัวแปลงรูปแบบเวลาท้องถิ่นตามรูปแบบเวลาที่กำหนด
- รูปแบบ - แปลงวัตถุวันที่เป็นสตริงในรูปแบบเวลาเฉพาะ
- format.parse - แปลงสตริงในรูปแบบเวลาที่กำหนดเป็นวัตถุวันที่
- d3.time.format.utc - สร้างตัวแปลงรูปแบบสากลเวลามาตรฐาน (UTC) ตามรูปแบบเวลาที่กำหนด
- d3.time.format.iso - สร้างตัวแปลงรูปแบบ ISO World Standard (ISO 8601 UTC) ตามรูปแบบเวลาที่กำหนด
เครื่องชั่งเวลา
- d3.time.scale - สร้างการแปลงเวลาเชิงเส้นด้วยฟิลด์นิยามเป็นช่วงเวลาตัวเลขและฟิลด์ค่าเป็นช่วงเวลา ใช้กันทั่วไปสำหรับการสร้างแกนเวลา สำหรับรายละเอียดโปรดดู d3.scale.linear
- สเกล - ป้อนเป็นค่าและส่งคืนเป็นเวลา
- scale.invert - การแปลงผกผันเวลาอินพุตเพื่อส่งคืนค่า
- Scale.domain - โดเมนของการแปลง Get หรือ Set
- Scale.nice - ขยายขอบเขตโดเมนเพื่อทำให้โดเมนปกติมากขึ้น
- Scale.Range - ช่วงของการแปลง Get หรือ Set
- Scale.rangeround - ตั้งค่าช่วงและรอบผลลัพธ์
- Scale.Interpolate - ฟังก์ชั่นการแก้ไขสำหรับการแปลง GET หรือ SET เช่นการแทนที่ฟังก์ชั่นการแก้ไขเชิงเส้นเริ่มต้นด้วยฟังก์ชันการแก้ไขแบบเอ็กซ์โปเนนเชียล
- Scale.Clamp - ตั้งค่าช่วงค่าของค่าปิดหรือไม่และไม่ปิดตามค่าเริ่มต้น เมื่อช่วงค่าถูกปิดหากผลการแก้ไขอยู่นอกช่วงค่าค่าขอบเขตของช่วงค่าของช่วงค่าจะถูกนำมาใช้ สำหรับรายละเอียดโปรดดูที่ linear.clamp
- scale.ticks - 从定义域中取出有代表性的值。通常用于坐标轴刻度的选取。
- scale.tickFormat - 获取格式转化函数,通常用于坐标轴刻度的格式转化。
- scale.copy - 从已有的时间变换中复制出一个变换。
Time Intervals
- d3.time.interval - 返回一个对于本地时间时间间隔器.
- interval - 效果同interval.floor方法.
- interval.range - 返回指定区间内日期.
- interval.floor - 下舍入到最近的间隔值.
- interval.round - 上舍入或下舍入到最近的间隔值.
- interval.ceil - 上舍入到最近的间隔值.
- interval.offset - 返回指定时间间隔的日期偏移量.
- interval.utc - 返回对应的UTC时间间隔.
- d3.time.day - 返回指定时间基于天起始的时间(默认起始是12:00am).
- d3.time.days - 返回指定时间区间和间隔条件的基于天的所有时间,效果同day.range.
- d3.time.dayOfYear - 计算指定时间在年中的天数.
- d3.time.hour - 返回指定时间基于小时起始的时间(eg, 1:00 AM).
- d3.time.hours - 返回指定时间区间和间隔条件的基于小时的所有时间, 效果同hour.range.
- d3.time.minute - 返回指定时间基于分钟起始的时间(eg, 1:02 AM).
- d3.time.minutes - 返回指定时间区间和间隔条件的基于分钟的所有时间,效果同minute.range.
- d3.time.month - 返回指定时间基于月起始的时间(eg, February 1, 12:00 AM).
- d3.time.months - 返回指定时间区间和间隔条件的基于月的所有时间,效果同month.range.
- d3.time.second - 返回指定时间基于秒起始的时间(eg, 1:02:03 AM).
- d3.time.seconds - 返回指定时间区间和间隔条件的基于秒的所有时间,效果同second.range.
- d3.time.sunday - 返回指定时间基于Sunday起始的时间(eg, February 5, 12:00 AM).
- d3.time.sundays - 返回指定时间区间和间隔条件的基于sunday的所有时间, 效果同sunday.range.
- d3.time.sundayOfYear - 计算以sunday为基点的指定时间在一年中的周数.
- d3.time.monday - every Monday (eg, February 5, 12:00 AM).
- d3.time.mondays - alias for monday.range.
- d3.time.mondayOfYear - computes the monday-based week number.
- d3.time.tuesday - every Tuesday (eg, February 5, 12:00 AM).
- d3.time.tuesdays - alias for tuesday.range.
- d3.time.tuesdayOfYear - computes the tuesday-based week number.
- d3.time.wednesday - every Wednesday (eg, February 5, 12:00 AM).
- d3.time.wednesdays - alias for wednesday.range.
- d3.time.wednesdayOfYear - computes the wednesday-based week number.
- d3.time.thursday - every Thursday (eg, February 5, 12:00 AM).
- d3.time.thursdays - alias for thursday.range.
- d3.time.thursdayOfYear - computes the thursday-based week number.
- d3.time.friday - every Friday (eg, February 5, 12:00 AM).
- d3.time.fridays - alias for friday.range.
- d3.time.fridayOfYear - computes the friday-based week number.
- d3.time.saturday - every Saturday (eg, February 5, 12:00 AM).
- d3.time.saturdays - alias for saturday.range.
- d3.time.saturdayOfYear - computes the saturday-based week number.
- d3.time.week - alias for sunday.
- d3.time.weeks - alias for sunday.range.
- d3.time.weekOfYear - alias for sundayOfYear.
- d3.time.year - 返回指定时间基于年起始的时间(eg, January 1, 12:00 AM).
- d3.time.years - 返回指定时间区间和间隔条件的所有时间,效果同year.range.
构图(d3.layout)
Bundle
- d3.layout.bundle - construct a new default bundle layout.
- bundle - apply Holten's hierarchical bundling algorithm to edges.
คอร์ด
- d3.layout.chord - 初始化一个弦图对象, 返回一个Chord 实例
- chord.matrix - 设置或者获取弦图实例对应的矩阵数据
- chord.padding - 设置或获取弦图各段圆弧之间的间隔角度
- chord.sortGroups - 设置或获取矩阵分组的排序函数
- chord.sortSubgroups - 设置或获取矩阵二级分组的排序函数
- chord.sortChords - 设置或获取弦图在z序上的排序函数(决定哪一组显示在最上层)
- chord.chords - 该函数会将参数处理成对chord 更友好的格式并返回, 若没有提供参数, 会调用matrix()来获取数据
- chord.groups - 该函数参数处理成更易于理解的分组信息, 若没有提供参数, 会调用matrix()来获取数据
กลุ่ม
- d3.layout.cluster - 用默认设置生成一个集群布局对象.
- cluster.sort - 获取或设置一个函数, 用来给兄弟节点(同一父结点的子结点)的排序.
- cluster.children - 获取或设置子结点的访问器.
- cluster.nodes - 计算并返回指定结点的子结点在集群中的信息(坐标,深度等).
- cluster.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
- cluster.separation - 获取或设置相邻结点间的间隔(不仅限于兄弟结点).
- cluster.size - 获取或设置布局的宽和高的大小.
- cluster.nodeSize - 为结点指定大小.
力学(Force)
- d3.layout.force -节点(node)基于物理模拟的位置连接。
- force.on - 监听布局位置的变化。(仅支持”start”,”step”,”end”三种事件)
- force.nodes - 获得或设置布局中的节点(node)阵列组。
- force.links - Get or set the link array group between nodes in the layout. -
- force.size - 获取或设置布局的宽和高的大小.
- force.linkDistance - 获取或设置节点间的连接线距离.
- force.linkStrength - 获取或设置节点间的连接强度.
- force.friction - 获取或设置摩擦系数.
- force.charge - 获取或设置节点的电荷数.(电荷数决定结点是互相排斥还是吸引)
- force.gravity - 获取或设置节点的引力强度.
- force.theta - 获取或设置电荷间互相作用的强度.
- force.start - 开启或恢复结点间的位置影响.
- force.resume - 设置冷却系数为0.1,并重新调用start()函数.
- force.stop - 立刻终止结点间的位置影响.(等同于将冷却系数设置为0)
- force.alpha - 获取或设置布局的冷却系数.(冷却系数为0时,节点间不再互相影响)
- force.tick - 让布局运行到下一步.
- force.drag - 获取当前布局的拖拽对象实例以便进一步绑定处理函数.
层级布局(Hierarchy)
- d3.layout.hierarchy - 获得一个自定义的层级布局的实现.
- hierarchy.sort - 获取或设置一个函数, 用来给兄弟节点(同一父结点的子结点)的排序.
- hierarchy.children - 获取或设置子结点的访问器.
- hierarchy.nodes - 计算并返回指定结点的子结点信息.
- hierarchy.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
- hierarchy.value - 获取或设置结点的值访问器.
- hierarchy.revalue - 重新计算层级布局.
直方图(Histogram)
- d3.layout.histogram - 构建一个默认直方图(用来表示一组离散数字的分布,横轴表示区间,纵轴表示区间内样本数量或样本百分比).
- histogram.value - 获取或设置值访问器.
- histogram.range - 获取或设置合法值范围.
- histogram.bins - 指定如何将数据分组到不同的区间(bin)里, 返回一个构造函数.
- histogram - 根据已设置的区间将数据分组,返回已分组的二维数组(compute the distribution of data using quantized bins).
- histogram.frequency - 设置直方图Y轴值是区间内数据的总量还是百分比(compute the distribution as counts or probabilities).
บรรจุุภัณฑ์
- d3.layout.pack - 用递归的圆环表现一个多层级布局.
- pack.sort - 获取或设置一个函数, 用来给兄弟节点(同一父结点的子结点)排序.
- pack.children - 获取或设置子结点的访问器.
- pack.nodes - 计算并返回指定结点的子结点信息.
- pack.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
- pack.value - 获取或设置一个函数, 用来计算圆环的大小(近似值).
- pack.size - 设置整个布局画布的宽and高.
- pack.radius - 如果不想结点半径与结点的值相同, 可以传入一个函数用来计算结点半径.
- pack.padding - 指定相邻结点之点的间距(近似值).
分区(Partition)
- d3.layout.partition - 将一棵树递归的分区.
- partition.sort - 获取或设置一个函数, 用来给兄弟节点(同一父结点的子结点)排序.
- partition.children - 获取或设置子结点的访问器.
- partition.nodes - 计算并返回指定结点的子结点信息.
- partition.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
- partition.value - 设置一个函数来来计算分区的值.
- partition.size - 设置整个布局画布的宽and高.
饼图(Pie)
- d3.layout.pie - 构建一个默认的饼图.
- pie - 该函数将传入的原始参数转换成可用于饼图或者环形图的数据结构.
- pie.value - 获取或设置值访问器.
- pie.sort - 设置饼图顺时针方向的排序方法.
- pie.startAngle - 设置或获取整个饼图的起始角度.
- pie.endAngle - 设置或获取整个饼图的终止角度.
堆叠图(Stack)
- d3.layout.stack - 构建一个默认的堆叠图(用来展示一系列x轴相同的面积图或者立方图).
- stack - 计算每一层的基线.
- stack.values - 设置或者获取每层的值访问器.
- stack.order - 设置每层的排序.
- stack.offset - 指定总的基线算法.
- stack.x - 设置或获取每层的x轴访问器.
- stack.y - 设置或获取每层的y轴访问器.
- stack.out - 设置或获取用来储存基线的输出函数.
ต้นไม้
- d3.layout.tree - position a tree of nodes tidily.
- tree.sort - 设置或获取一个函数, 用来给兄弟节点(同一父结点的子结点)排序.
- tree.children - 设置或获取子结点的访问器.
- tree.nodes - 计算并返回指定结点的子结点信息.
- tree.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
- tree.separation - 设置或获取相隔结点之间的间隔计算函数.
- tree.size - 指定整个布局的宽和高.
- tree.nodeSize - 给全部结点指定一个固定的大小(会导致tree.size失效).
矩阵树(Treemap)
- d3.layout.treemap - 返回一个矩阵树对象(用矩阵来展示一颗树).
- treemap.sort - 设置或获取一个函数, 用来给兄弟节点(同一父结点的子结点)排序.
- treemap.children - 设置或获取子结点的访问器.
- treemap.nodes - 计算并返回指定结点的子结点信息.
- treemap.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
- treemap.value - 设置或获取一个用来计算单元格大小的值访问器.
- treemap.size - 指定整个布局的宽和高.
- treemap.padding - 指定父结点和子结点的间距.
- treemap.round - 禁用或启用边界补偿.
- treemap.sticky - 让布局更”粘”以保证在更新数据时有平滑的动画效果.
- treemap.mode - 更改矩阵树的布局算法.
d3.geo (Geography)
Paths
- d3.geo.path - 创建一个新的地理路径生成器.
- path - 投射指定的特性并且渲染到上下文.
- path.projection - 获取活设置地理投影.
- path.context - 获取活设置渲染上下文.
- path.pointRadius -获取或设置半径去现实点的特性.
- path.area - 计算指定特性的投射区域.
- path.centroid - 计算指定特性的投射重心点.
- path.bounds - 计算指定特性的投射边界.
- d3.geo.graticule - 创建地理坐标网生成器.
- graticule - 生产一个子午线或平行线的MultiLineStrings.
- graticule.lines - 生成一个子午线和平行线的LineString的数组.
- graticule.outline - 生成一个表示该坐标网的外框多边形.
- graticule.extent - 获取或设置主要的和次要的范围.
- graticule.majorExtent - 获取或设置主要范围.
- graticule.minorExtent - 获取或设置次要范围.
- graticule.step - 获取或设置主要和次要的步间隔.
- graticule.majorStep - 获取或设置主要的步间隔.
- graticule.minorStep - 获取或设置次要的步间隔.
- graticule.precision - 设置或者获取横向精度.
- d3.geo.circle - 创建一个圆形的生成器.
- circle - 使用多边形来生成一个分段的圆形.
- circle.origin - 通过横向和纵向坐标来指定原点.
- circle.angle - 指定以度为单位的角半径.
- circle.precision - 指定分段圆的精度.
- d3.geo.area - 根据给定特征计算球面面积.
- d3.geo.bounds - compute the latitude-longitude bounding box for a given feature.
- d3.geo.centroid - compute the spherical centroid of a given feature.
- d3.geo.distance - compute the great-arc distance between two points.
- d3.geo.interpolate - interpolate between two points along a great arc.
- d3.geo.length - compute the length of a line string or the circumference of a polygon.
- d3.geo.rotation - create a rotation function for the specified angles [λ, φ, γ].
- rotation - rotate the given location around the sphere.
- rotation.invert - inverse-rotate the given location around the sphere.
Projections
- d3.geo.projection - create a standard projection from a raw projection.
- projection - project the specified location.
- projection.invert - invert the projection for the specified point.
- projection.rotate - get or set the projection's three-axis rotation.
- projection.center - get or set the projection's center location.
- projection.translate - get or set the projection's translation position.
- projection.scale - get or set the projection's scale factor.
- projection.clipAngle - get or set the radius of the projection's clip circle.
- projection.clipExtent - get or set the projection's viewport clip extent, in pixels.
- projection.precision - get or set the precision threshold for adaptive resampling.
- projection.stream - wrap the specified stream listener, projecting input geometry.
- d3.geo.projectionMutator - create a standard projection from a mutable raw projection.
- d3.geo.albers - the Albers equal-area conic projection.
- albers.parallels - get or set the projection's two standard parallels.
- d3.geo.albersUsa - a composite Albers projection for the United States.
- d3.geo.azimuthalEqualArea - the azimuthal equal-area projection.
- d3.geo.azimuthalEquidistant - the azimuthal equidistant projection.
- d3.geo.conicConformal - the conic conformal projection.
- d3.geo.conicEquidistant - the conic equidistant projection.
- d3.geo.conicEqualArea the conic equal-area (aka Albers) projection.
- d3.geo.equirectangular - the equirectangular (plate carreé) projection.
- d3.geo.gnomonic - the gnomonic projection.
- d3.geo.mercator - the spherical Mercator projection.
- d3.geo.orthographic - the azimuthal orthographic projection.
- d3.geo.stereographic - the azimuthal stereographic projection.
- d3.geo.azimuthalEqualArea.raw - the raw azimuthal equal-area projection.
- d3.geo.azimuthalEquidistant.raw - the azimuthal equidistant projection.
- d3.geo.conicConformal.raw - the raw conic conformal projection.
- d3.geo.conicEquidistant.raw - the raw conic equidistant projection.
- d3.geo.conicEqualArea.raw the raw conic equal-area (aka Albers) projection.
- d3.geo.equirectangular.raw - the raw equirectangular (plate carrée) projection.
- d3.geo.gnomonic.raw - the raw gnomonic projection.
- d3.geo.mercator.raw - the raw Mercator projection.
- d3.geo.orthographic.raw - the raw azimuthal orthographic projection.
- d3.geo.stereographic.raw - the raw azimuthal stereographic projection.
- d3.geo.transverseMercator.raw - the raw transverse Mercator projection.
Streams
- d3.geo.stream - convert a GeoJSON object to a geometry stream.
- stream.point - indicate an x , y (and optionally z ) coordinate.
- stream.lineStart - indicate the start of a line or ring.
- stream.lineEnd - indicate the end of a line or ring.
- stream.polygonStart - indicate the start of a polygon.
- stream.polygonEnd - indicate the end of a polygon.
- stream.sphere - indicate a sphere.
- d3.geo.transform - transform streaming geometries.
- transform.stream - wraps a given stream.
- d3.geo.clipExtent - a stream transform that clips geometries to a given axis-aligned rectangle.
- clipExtent.extent - sets the clip extent.
d3.geom (Geometry)
Voronoi
- d3.geom.voronoi - create a Voronoi layout with default accessors.
- voronoi - compute the Voronoi tessellation for the specified points.
- voronoi.x - get or set the x-coordinate accessor for each point.
- voronoi.y - get or set the y-coordinate accessor for each point.
- voronoi.clipExent - get or set the clip extent for the tesselation.
- voronoi.links - compute the Delaunay mesh as a network of links.
- voronoi.triangles - compute the Delaunay mesh as a triangular tessellation.
Quadtree
- d3.geom.quadtree - constructs a quadtree for an array of points.
- quadtree.add - add a point to the quadtree.
- quadtree.visit - recursively visit nodes in the quadtree.
Polygon
- d3.geom.polygon - create a polygon from the specified array of points.
- polygon.area - compute the counterclockwise area of this polygon.
- polygon.centroid - compute the area centroid of this polygon.
- polygon.clip - clip the specified polygon to this polygon.
Hull
- d3.geom.hull - create a convex hull layout with default accessors.
- hull - compute the convex hull for the given array of points.
- hull.x - get or set the x -coordinate accessor.
- hull.y - get or set the y -coordinate accessor.
d3.behavior (Behaviors)
ลาก
- d3.behavior.drag
- drag.origin
- มังกร
缩放Zoom
- d3.behavior.zoom - 创建一个缩放行为.
- zoom - 对指定元素应用缩放.
- zoom.scale - the current scale factor.
- zoom.translate - the current translate offset.
- zoom.scaleExtent - optional limits on the scale factor.
- zoom.center - an optional focal point for mousewheel zooming.
- zoom.size - the dimensions of the viewport.
- zoom.x - an optional scale whose domain is bound to the x extent of the viewport.
- zoom.y - an optional scale whose domain is bound to the y extent of the viewport.
- zoom.on - listeners for when the scale or translate changes.
- zoom.event - dispatch zoom events after setting the scale or translate.