Alle von der D3 -Bibliothek bereitgestellten APIs befinden sich im D3 -Namespace. Die D3 -Bibliothek verwendet semantische Versioning. Sie können d3.version verwenden, um die aktuellen Versionsinformationen anzuzeigen.
D3 (Kernteil)
Auswahlgesetz
- D3.Select - Wählen Sie eine Reihe von Elementen aus dem aktuellen Dokument aus.
- D3.Selectall - Wählen Sie im aktuellen Dokument mehrere Elemente aus.
- Selection.attr - Setzen oder abrufen das angegebene Attribut.
- Selection.classierte - Fügen oder löschen Sie die CSS -Klasse (CSS -Klasse) des ausgewählten Elements.
- Selection.Style - Setzen oder löschen Sie die CSS -Eigenschaft. Die Stilpriorität ist höher als Attr.
- Selection.Property - Setzen oder erhalten Sie den nativen Eigenschaftswert (RAW -Eigenschaft).
- Selection.Text - Legt oder erhält den Beschriftungstextinhalt des ausgewählten Elements.
- Selection.html - HTML -Inhalt für ausgewählte Elemente festlegen oder abrufen (ähnlich wie bei Innerhtml)
- Selection.Append - Nach dem Erstellen und Hinzufügen eines neuen Elements zum ausgewählten Element.
- Selection.insert - Erstellen und fügen Sie ein neues Element vor dem ausgewählten Element hinzu.
- Selection.Remove - Entfernt das ausgewählte Element aus dem aktuellen Dokumentobjekt.
- selection.data - Holen Sie oder setzen Sie Daten für eine Gruppe von Elementen, während Sie einen relationalen Join berechnen.
- Selection.Enter - Gibt den Platzhalter des fehlenden Elements zurück und verweist auf einen Teil der gebundenen Daten, die mehr als das ausgewählte Element -Set sind.
- Selection.exit - Gibt den Elementsatz redundanter Elemente zurück, d. H. Wählt mehr als die gebundenen Daten im Element. (Beispiel 1, Beispiel 2, Beispiel 3 Über die Daten, geben Sie ein, beenden Sie das Prinzip ein)
- selection.datum - Setzen oder abrufen Daten von einzelnen Elementen, die nicht zugeordnet sind. (Holen Sie oder festlegen Daten für einzelne Elemente, ohne einen Join zu berechnen.)
- Selection.Filter - Filtert die Auswahl anhand der gebundenen Daten.
- Selection.Sort - Sortieren Sie die ausgewählten Elemente nach den gebundenen Daten.
- Selection.order - Elemente in dem Dokument neu anordnen, um dem Auswahlsatz übereinzustimmen.
- Selection.on - Event -Hörer hinzufügen oder löschen.
- Selection.Transition - Startet einen Übergangseffekt (Rückkehr zum Übergangsobjekt), der als Animation verstanden werden kann.
- Selection.Interrupt - stoppt alle Animationsaktionen sofort.
- Selection.each - Ruft die angegebene Funktion für jedes ausgewählte Element -Set auf.
- selection.call - Ruft die angegebene Funktion für das aktuell ausgewählte Element -Set auf.
- Selection.Empty - Testen Sie, ob der Auswahlsatz leer ist.
- selection.node - Gibt das erste Element im Auswahlsatz zurück.
- Selection.Size - Gibt die Anzahl der Elemente im Auswahlsatz zurück.
- Selection.Select - Wählen Sie das erste untergeordnete Element im ausgewählten Element aus, um eine neue Auswahl zu bilden.
- Selection.Selectall - Wählen Sie mehrere untergeordnete Elemente im ausgewählten Element aus, um einen neuen Auswahlsatz zu bilden.
- D3.Selection - Selection -Set -Objektprototyp (kann für Auswahlsätze durch
d3.selection.prototype verbessert werden). - D3.Event - Holen Sie sich den Benutzerereignis der aktuellen Interaktion.
- D3.Mouse - Erhält die Koordinaten der Maus relativ zu einem bestimmten Element.
- D3.Touches - Holen Sie sich die Koordinaten der Berührungspunkte relativ zu einem bestimmten Element.
Übergangseffekt
- D3.Transition - Starten Sie einen Animationsübergang. Einfaches Tutorial
- Übergang.Delay - Gibt die Verzögerungszeit (in Millisekunden -MS) für jeden Elementübergang an.
- Übergang.Duration - Gibt die Dauer des Übergangs jedes Elements in Millisekunden MS an.
- transition.ease - Gibt die Pufferfunktion für den Übergang an.
- Übergang.
- Übergang.Attrtum - Smooth -Übergang zwischen verschiedenen Attributwerten (der Startattributwert kann in der Übergangsfunktion festgelegt werden, und sogar die gesamte Übergangsfunktion kann angepasst werden).
- Übergang.
- Übergang.
- Übergang.Text - Setzen Sie den Textinhalt zu Beginn des Übergangs.
- Übergang.
- Übergang.Select - Wählen Sie ein untergeordnetes Element jedes aktuellen Elements für den Übergang.
- Übergang.Selectall - Wählen Sie mehrere untergeordnete Elemente jedes aktuellen Elements für den Übergang aus.
- Übergang.Filter - Filtern Sie einige Elemente im aktuellen Element durch Daten für den Übergang heraus.
- Übergang.Transition - Starten Sie einen neuen Übergang, nachdem der aktuelle Übergang vorbei ist.
- Übergang.Remove - Entfernt das aktuelle Element nach dem Übergang.
- Übergang.Empty - Gibt true zurück, wenn der Übergang leer ist. Wenn im aktuellen Element kein Nicht-Null-Element vorhanden ist, ist dieser Übergang leer.
- Übergang.node - Gibt das erste Element im Übergang zurück.
- Übergang.Size - Gibt die Anzahl der aktuellen Elemente im Übergang zurück.
- Übergang. Wenn der Triggertyp nicht angegeben ist, wird die Aktion sofort ausgeführt. Wenn der Triggertyp als "Start" oder "Ende" angegeben ist, wird eine Aktion am Anfang oder am Ende des Übergangs ausgeführt.
- Übergang.CALL - Führen Sie eine Funktion mit dem aktuellen Übergang dafür aus.
- D3.Ease - Übergangspufferungsfunktion anpassen.
- Leichtigkeit - Pufferfunktion. Pufferfunktionen können Animationen natürlicher machen, wie z. B. elastische Pufferfunktionen, mit denen die Bewegung elastischer Objekte simulieren können. ist ein Sonderfall einer Interpolationsfunktion.
- D3.Timer - Starten Sie ein benutzerdefiniertes Animationszeitpunkt. Die Funktion ähnelt SetTimeOut, wird jedoch intern mit RequestArimationFrame implementiert, was effizienter ist.
- d3.timer.flush - führt die aktuelle Zeit unverzüglich durch. Kann verwendet werden, um mit Problemen mit dem Schildbildschirm umzugehen.
- D3.Interpolat - Erzeugt eine Interpolationsfunktion, die zwischen zwei Parametern interpoliert. Der Typ der Differenzfunktion wird automatisch gemäß dem Typ der Eingabeparameter (Nummer, Zeichenfolge, Farbe usw.) ausgewählt.
- Interpolat - Interpolierenfunktion. Die Eingabeparameter liegen zwischen [0, 1].
- D3.Interpolatenumber - Interpolieren Sie zwischen zwei Zahlen.
- D3.Interpolateround - Interpolieren zwischen zwei Zahlen, der Rückgabewert wird abgerundet.
- D3.Interpolatestring - Interpolieren Sie zwischen zwei Zeichenfolgen. Bei der Parsen der Zahlen in der Zeichenfolge werden die entsprechenden Zahlen interpoliert.
- D3.InterpolaterGB - Interpolieren Sie zwischen zwei RGB -Farben.
- D3.Interpolatehsl - Interpolieren Sie zwischen zwei HSL -Farben.
- D3.Interpolatelab - Interpolieren Sie zwischen zwei l*a*b*farben.
- D3.Interpolatehcl - Interpolieren Sie zwischen zwei HCl -Farben.
- D3.InterpolateArray - Interpolieren Sie zwischen zwei Sequenzen. D3.InterpolateArray ([0, 1], [1, 10, 100]) (0,5); // Returns [0,5, 5,5, 100]
- D3.InterpolatObject - Interpolieren Sie zwischen zwei Objekten. D3.InterpolateArray ({x: 0, y: 1}, {x: 1, y: 10, z: 100}) (0,5); // Gibt {x: 0.5, y: 5.5, z: 100} zurück
- D3.Interpolatetransform - Interpolieren zwischen zwei 2D -Affine -Transformationen.
- D3.Interpolatezoom - Skaliert die Übersetzung zwischen zwei Punkten glatt. Beispiel
- D3.Interpolatoren - Fügen Sie eine benutzerdefinierte Interpolationsfunktion hinzu.
Arbeiten mit Arrays
- D3.Scending - Ascending -Sortierfunktion.
- D3.Descending - Abstiegsartfunktion.
- D3.min - erhält den Mindestwert im Array.
- D3.MAX - Erhält den Maximalwert im Array.
- D3.EXTENT - Erhält den Bereich (minimale und maximale Werte) des Arrays.
- D3.SUM - erhält die Summe von Zahlen in einem Array.
- D3.Mean - Holen Sie sich den arithmetischen Durchschnitt der Zahlen in einem Array.
- D3.Median - erhält die mittlere Anzahl von Zahlen im Array (entspricht dem Wert von 0,5 Quantil).
- D3.quantile - bekommt ein quantiles Array.
- D3.Bisect - Holen Sie sich die Insertionsposition einer bestimmten Zahl in einem sortierten Array durch Dichotomie (wie d3.bisectright).
- D3.BiSectright - Erhält die Einfügungsposition einer Zahl in einem sortierten Array (gleiche Werte werden nach rechts klassifiziert).
- D3.bisectleft - Erhält die Einfügungsposition einer Zahl in einem sortierten Array (gleiche Werte werden nach links klassifiziert).
- D3.Bisector - Passen Sie eine binäre Funktion an.
- D3.Shuffle - Shuffle, ordnen zufällig Elemente in einem Array an.
- D3.Permute - Ordnen Sie Elemente in einem Array in der angegebenen Reihenfolge an.
- D3.zip - Ein Array, das mehrere Zahlen in ein Array kombiniert. Das I-te Element des Neuen Arrays ist ein Array, das aus dem I-Th-Element in jedem Array besteht.
- D3.TRANSPLANS - Matrix -Transponierung, implementiert durch D3.zip.
- D3.pairs - Gibt ein Array benachbarter Elementpaare zurück, d3.pairs ([1, 2, 3, 4]); // gibt [[1, 2], [2, 3], [3, 4]] zurück.
- D3.KEYS - Gibt ein Array zurück, das aus Schlüssel von assoziativen Arrays besteht (Hash -Tabelle, JSON, Objektobjekte).
- D3.Values- Gibt ein Array zurück, das aus dem Wert des assoziativen Arrays besteht.
- D3.ENTRIES - Gibt ein Array zurück, das aus Schlüsselwerteinheiten des assoziativen Arrays, D3.entries ({foo: 42}), bestehen; // Gibt [{Schlüssel: "Foo", Wert: 42}] zurück.
- D3.Merge - Verketten Sie mehrere Arrays in eine, ähnlich der nativen Methode concat. D3.Merge ([1], [2, 3]]); // Gibt [1, 2, 3] zurück.
- D3.Range - Holen Sie sich eine Sequenz. D3.Range ([Start,] Stop [, Schritt])
- D3.nest - Holen Sie sich ein Nestobjekt, das das Array in eine Hierarchie organisiert. Beispiel: http://bl.ocks.org/phoebebright/raw/3176159/
- Nest.Key - fügt der Nesthierarchie eine Hierarchie hinzu.
- NEST.SORTKEYS - Sortieren Sie die aktuelle Nesthierarchie nach Schlüssel.
- Nest.SortValues- Sortieren Sie Blattnesthierarchie nach Wert.
- NEST.ROLLUP - Legt eine Funktion fest, um den Wert eines Blattknotens zu ändern.
- NEST.MAP - Führen Sie eine Nestoperation durch, die ein assoziatives Array (JSON) zurückgibt.
- NEST.ENTRIES - Führen Sie eine Nestoperation durch und geben Sie ein Schlüsselwert -Array zurück. Wenn das von nest.map zurückgegebene Ergebnis ähnlich ist wie {foo: 42}, ist das von Nest zurückgegebene Ergebnis ähnlich wie [{Schlüssel: "Foo", Wert: 42}].
- D3.MAP - Umwandelt das Objekt von JavaScript in Hash und blockiert das Problem der Inkonsistenz mit Hash, die durch die Prototyp -Kettenfunktion des Objekts verursacht wird.
- map.has - map gibt true zurück, wenn es einen bestimmten Schlüssel gibt.
- map.get - Gibt den Wert zurück, der einem Schlüssel in der Karte entspricht.
- map.set - Stellen Sie den Wert ein, der einem Schlüssel in der Karte entspricht.
- map.remove - Löschen Sie einen Schlüssel in der Karte.
- map.keys - Gibt eine Reihe aller Schlüssel in der Karte zurück.
- MAP.VALUES- Gibt ein Array aller Werte in der Karte zurück.
- MAP.ENTRIES-Gibt ein Array des gesamten Eintrags (Schlüsselwertpaare) in der Karte zurück. Ähnlich wie {foo: 42} konvertiert in [{Schlüssel: "Foo", Wert: 42}]
- map.foreach - führt eine Funktion auf jedem Eintrag in der Karte aus.
- D3.SET - Konvertiert das Array von JavaScript in eingestellt und blockiert das Problem der Inkonsistenz mit der durch die Objektprototyp -Kettenfunktion des Array verursachten SET. Der Wert im Satz ist das Ergebnis der Konvertierung jedes Wertes im Array in eine Zeichenfolge. Der Wert im Satz ist dedupliziert.
- set.has - Gibt zurück, ob die SET einen Wert enthält.
- set.add - Fügen Sie einen Wert hinzu.
- set.remove - Löschen Sie einen Wert.
- set.Values- Gibt ein Array zurück, das aus Werten in SET besteht. Der Wert in der SET ist dedupliziert.
- set.foreach - führt eine Funktion für jeden Wert in Set aus.
Mathe
- d3.random.normal - erzeugt eine Zufallszahl unter Verwendung einer Normalverteilung.
- D3.Random.Lognormal - erzeugt eine Zufallszahl unter Verwendung einer logarithmischen Normalverteilung.
- d3.random.irwinhall - generiert eine Zufallszahl unter Verwendung der Irwinhall -Verteilung (eine einfache und realisierbare und leicht zu programmierende Methode für die Normalverteilung).
- D3.Transform - Konvertieren Sie das Transformat von SVG in Standard -2D -Konvertierungsmatrix -String -Format.
Laden externer Ressourcen
- D3.xhr - Initiieren Sie die XMLHTTPREquest -Anfrage, um die Ressource zu erhalten.
- XHR.Header - Setzen Sie den Anforderungsheader.
- xhr.mimetype - Stellen Sie den Anforderungsheader ein und überschreiben Sie den Antwortmime -Typ.
- XHR.Response - Setzen Sie die Reversionsfunktion der Antwortrückgabewert. Zum Beispiel Funktion (request) {return json.parse (Request.ResponSeText); }
- xhr.get - initiiert eine Get -Anfrage.
- XHR.Post - Initiieren Sie eine Postanfrage.
- XHR.Send - Initiiert eine Anfrage mit festgelegter Methode und Daten.
- xhr.abort - endet die aktuelle Anfrage.
- xhr.on - Ereignishörer wie "Beforesend", "Fortschritt", "Laden" oder "Fehler" zur Anfrage hinzufügen.
- D3.Text - Fordern Sie eine Textdatei an.
- D3.json - Fordern Sie einen JSON an.
- D3.HTML - Fordern Sie ein HTML -Textfragment an.
- D3.xml - Fordern Sie ein XML -Textfragment an.
- D3.CSV-Fordern Sie eine CSV-Datei an (Comma-getrennte Werte, Comma-durchschnittliche Werte).
- D3.TSV-Anfordern einer TSV-Datei (tabendarme Werte, Registerkarte getrennte Werte).
String -Formatierung
- D3.Format - Umwandelt Zahlen im angegebenen Format in Zeichenfolgen. Das Konversionsformat ist sehr reich und sehr intelligent.
- D3.Formatprefix - Ruft ein [SI -Präfix] Objekt mit angegebenen Werten und Genauigkeit ab. Diese Funktion kann verwendet werden, um automatisch die Größe der Daten zu bestimmen, z. console.log (Präfix.symbol); // "G"; console.log (Präfix.scale (1.21e9)); // 1.21
- D3.Requote - Flucht Strings in Formate, die in regulären Ausdrücken verwendet werden können. Zum Beispiel d3.Requote ('$'); // return "/$"
- D3.ROUND - Legt fest, wie viele Ziffern nach dem Dezimalpunkt eine bestimmte Zahl runden. Ähnlich wie tofixed (), gibt aber die Formatnummer zurück. Zum Beispiel D3.ROUND (1,23); // Rückkehr 1; D3.ROUND (1,23, 1); // Return 1.2; D3.ROUND (1,25, 1); // Return 1.3
CSV -Formatierung (D3.CSV)
- D3.CSV-Erhält eine CSV-Datei (Comma-getrennte Werte, dicker getrennte Werte).
- D3.CSV.PARSE - Umwandelt die CSV -Dateizeichenfolge in ein Array von Objekten, und der Schlüssel der Objekte wird durch die erste Zeile bestimmt. Zum Beispiel: [{"Jahr": "1997", "Länge": "2.34"}, {"Jahr": "2000", "Länge": "2.38"}]
- D3.CSV.PARSEROWS - Ein Array, das CSV -Dateien in Arrays umwandelt. Zum Beispiel: ["Jahr", "Länge"], ["1997", "2.34"], ["2000", "2.38"]]
- D3.CSV.Format - Umwandelt ein Array von Objekten in eine CSV -Dateizeichenfolge, die die inverse Operation von D3.csv.Parse ist.
- D3.CSV.Formatrows - Konvertieren Sie ein Array von Arrays in eine CSV -Dateizeichenfolge, die ein inverser Betrieb von D3.CSV.Parserows ist.
- D3.TSV-Ruft eine TSV-Datei ab (tabendarme Werte, Registerkarten-getrennte Werte).
- d3.tsv.parse - ähnlich wie d3.csv.parse.
- D3.TSV.PARSEROWS - Ähnlich wie d3.csv.parserows.
- d3.tsv.format - ähnlich wie d3.csv.format.
- D3.TSV.Formatrows - ähnlich wie d3.csv.formatrows.
- D3.DSV - Erstellen Sie ein Dateiverarbeitungsobjekt ähnlich wie D3.CSV, das Separatoren und MIME -Typen anpassen kann. Zum Beispiel: var dsv = d3.dsv ("|", "text/plain");
Farbe
- D3.RGB - Geben Sie eine Farbe an, um ein RGB -Farbobjekt zu erstellen. Unterstützt Eingaben in mehreren Farbformaten.
- RGB.Brighter - Verbessern Sie die Helligkeit der Farbe, die Änderungsamplitude wird durch die Parameter bestimmt.
- RGB.Darker - Abschwächt die Helligkeit der Farbe, die Änderungsamplitude wird durch die Parameter bestimmt.
- RGB.HSL - Umwandeln Sie RGB -Farbobjekte in HSL -Farbobjekte.
- RGB.ToString - RGB -Farbkonvertierung in Zeichenfolgenformat.
- D3.HSL - Erstellen Sie ein HSL -Farbobjekt. Unterstützt Eingaben in mehreren Farbformaten.
- HSL.Brighter - Verbessert die Helligkeit der Farbe, die Änderungsamplitude wird durch die Parameter bestimmt.
- HSL.Darker - Abschwächt die Helligkeit der Farbe, die Änderungsamplitude wird durch die Parameter bestimmt.
- HSL.RGB - Konvertieren Sie HSL -Farbobjekte in RGB -Farbobjekte.
- HSL.ToString - HSL -Farbkonvertierung in Zeichenfolgenformat.
- D3.LAB - Erstellen Sie ein Labor -Farbobjekt. Unterstützt Eingaben in mehreren Farbformaten.
- LAB.BROGHT - Verbessert die Helligkeit der Farbe, die Änderungsamplitude wird durch die Parameter bestimmt.
- LAB.Darker - Die Helligkeit der Farbe wird geschwächt und die Amplitude der Änderung wird durch die Parameter bestimmt.
- Lab.RGB - Umwandelt Labor -Farbobjekte in RGB -Farbobjekte.
- Lab.ToString - Laborfarbenkonvertierung zum String -Format.
- D3.HCL - Erstellen Sie ein HCL -Farbobjekt. Unterstützt Eingaben in mehreren Farbformaten.
- HCL.BRAGHER - Verbessert die Helligkeit der Farbe, die Änderungsamplitude wird durch die Parameter bestimmt.
- HCl.Darker - Abschwächt die Helligkeit der Farbe, die Änderungsamplitude wird durch die Parameter bestimmt.
- HCL.RGB - Umwandelt HCl -Farbobjekte in RGB -Farbobjekte.
- HCl.ToString - HCL -Farbkonvertierung zum String -Format.
Namespace
- D3.ns.prefix - Erhält oder erweitert einen bekannten XML -Namespace.
- D3.ns.Qualify - Stellen Sie sicher, ob das Präfix des Namespace vorhanden ist, wie "XLink: HREF" in "Xlink" ein bekannter Namespace.
Interna
- D3.Functor - Funktionalisierung. Umwandeln Sie eine nicht funktionsfähige Variable in eine Funktion, die nur den Wert dieser Variablen zurückgibt. Geben Sie eine Funktion ein, geben Sie die ursprüngliche Funktion zurück. Geben Sie einen Wert ein, geben Sie eine Funktion zurück, die nur den ursprünglichen Wert zurückgibt.
- D3.Rebind - Binden Sie die Methode eines Objekts an ein anderes Objekt.
- D3.Dispatch - Erstellen Sie ein benutzerdefiniertes Ereignis.
- Versand.on - Fügen Sie einen Ereignishörer hinzu oder entfernen Sie. Zu einem Ereignis können mehrere Zuhörer hinzugefügt werden.
- Dispatch.Type - Triggerereignis. Wo 'Typ' der Name des Ereignisses ist, das abgefeuert werden soll.
D3.Scale (Skalen)
Quantitative Transformation
- D3.Scale.Linear - Erstellen Sie eine lineare quantitative Transformation. (Es wird empfohlen, sich auf den Quellcode zu verweisen, um verschiedene Transformationen tief zu verstehen.)
- Linear - Geben Sie den Wert einer Domäne ein und geben Sie den Wert einer Domäne zurück.
- linear.invert - Inverse Transformation, Eingabewertdomänenwert gibt den Domänenwert zurück.
- linear.domain - Domäne abrufen oder festlegen.
- linear.Range - Reichweite oder festlegen.
- Linear.Rangeround - Legt den Wertebereich fest und rundet das Ergebnis ab.
- linear.Interpolat - Eine Interpolationsfunktion zum GET- oder Setzen von Transformationen, z. B. das Ersetzen der Standard -Linear -Interpolationsfunktion durch eine abgerundete lineare Interpolationsfunktion D3_Interpolateround.
- Linear.clamp - Legt fest, ob der Wertebereich geschlossen ist und nicht standardmäßig schließt. Wenn der Wertebereich geschlossen ist, wird der Grenzwert des Wertebereichs genommen, wenn das Interpolationsergebnis außerhalb des Wertebereichs liegt. Wenn der Wertbereich [1, 2] ist, beträgt das Berechnungsergebnis der Interpolationsfunktion 3, wenn er nicht geschlossen ist, das Endergebnis beträgt 3; Wenn es geschlossen ist, beträgt das Endergebnis 2.
- Linear.nice - Erweitern Sie den Domänenbereich, um die Domäne regelmäßiger zu gestalten. Zum Beispiel wird [0.20147987687960267, 0,996679553296417] [0,2, 1].
- linear.ticks - Nehmen Sie repräsentative Werte aus der Domäne. Normalerweise für die Auswahl der Koordinaten -Achsen -Skalen verwendet.
- linear.tickFormat - Ruft die Formatkonvertierungsfunktion ab, die normalerweise zur Formatumwandlung von Achsenskalen verwendet wird. Zum Beispiel: var x = d3.scale.Linear (). Domäne ([-1, 1]); console.log (X.Ticks (5) .Map (X.TickFormat (5, "+%"))); // ["-100%", "-50%", "+0%", "+50%", "+100%"]
- linear.copy - Kopieren Sie eine Transformation aus einer vorhandenen Transformation.
- d3.scale.sqrt - erstellt eine quantitative Transformation, um quadratische Wurzeln zu finden.
- d3.scale.pow - Erstellen Sie eine exponentielle Transformation. (Siehe Kommentare der entsprechenden Funktion des linearen)
- POW - Geben Sie den Wert einer Domäne ein und geben Sie den Wert einer Domäne zurück.
- pow.invert - Inverse Transformation, geben Sie den Wert des Wertes ein, den den Domänenwert zurückgeben.
- Pow.domain - Domain bekommen oder festlegen.
- Pow.Range - Range oder setzen Sie Reichweite.
- Pow.Rangeround - Legt den Wertebereich fest und rundet das Ergebnis ab.
- POW.Interpolat - Funktion für GET oder SET -Transformation interpolieren.
- POW.ClAMP - Legt fest, ob das Wertfeld geschlossen ist und nicht standardmäßig schließt.
- POW.NICE - Erweitern Sie den Domänenbereich, um die Domain regelmäßiger zu gestalten.
- POW.TICKS - Nehmen Sie repräsentative Werte aus der Domäne. Normalerweise für die Auswahl der Koordinaten -Achsen -Skalen verwendet.
- POW.TICKFORMAT - Ruft die Formatkonvertierungsfunktion ab, die normalerweise zur Formatumwandlung von Achsenskalen verwendet wird.
- Pow.exponent - Macht des Exponents erhalten oder festlegen. Standard ist Power 1.
- POW.COPY - Kopieren Sie eine Transformation aus einer vorhandenen Transformation.
- d3.scale.log - erstellt eine logarithmische Transformation. (Siehe Kommentare der entsprechenden Funktion des linearen)
- Protokoll - Geben Sie den Wert einer Domäne ein und geben Sie den Wert einer Domäne zurück.
- log.invert - Inverse Transformation, Geben Sie den Wert des Wertes ein, der den Definitionsfeldwert zurückgibt.
- log.domain - Domain abrufen oder festlegen.
- LOG.RANGE - GET oder SET RANGE.
- log.rangeround - Stellen Sie den Bereich ein und runden Sie das Ergebnis um.
- log.Interpolat - Funktion für GET oder SET -Transformation interpolieren.
- log.clamp - Legt fest, ob das Wertfeld geschlossen ist und nicht standardmäßig schließt.
- log.nice - Erweitern Sie den Domänenbereich, um die Domain regelmäßiger zu gestalten.
- log.ticks - Nehmen Sie repräsentative Werte aus der Domäne. Normalerweise für die Auswahl der Koordinaten -Achsen -Skalen verwendet.
- log.tickFormat - Ruft die Formatkonvertierungsfunktion ab, die normalerweise zur Formatkonvertierung von Achsenskalen verwendet wird.
- log.copy - Kopieren Sie eine Transformation aus einer vorhandenen Transformation.
- D3.Scale.quantize - Erstellen Sie eine quantisierende lineare Transformation, definieren Sie die Domäne als numerisches Intervall, und die Wertdomäne ist mehrere diskrete Werte.
- Quantisieren - Geben Sie einen numerischen Wert ein und geben Sie einen diskreten Wert zurück. Zum Beispiel: var q = d3.scale.quantize (). Domäne ([0, 1]). Bereich (['A', 'B', 'C']); //q(0.3) === 'a', q (0,4) === 'B', q (0,6) === 'B', q (0,7) === 'C;
- quantize.invertextent - Gibt den Wertebereich zurück, der einen diskreten Wert erhält. // Das Ergebnis von Q.invertextent ('a') ist [0, 0,333333333333333]
- Quantize.Domain - Die Domäne von GET oder SET -Transformation.
- quantize.Range - Der Bereich des durch GET oder SET verwendeten Wertes.
- quantize.copy - Kopieren Sie eine Transformation aus einer vorhandenen Transformation.
- D3.Scale.Threshold - Konstruieren Sie eine lineare Transformation von Schwellenwert (Schwellenwert). Die Domäne ist eine trennende numerische Sequenz von Werten, und die Domäne ist ein diskreter Wert. Die Differenz zwischen IT und Menge besteht darin, dass der durch die Menge angegebene Wertebereich ein Intervall ist und das Intervall gleichmäßig in mehrere Zellintervalle unterteilt ist, um diskreten Werten zu entsprechen. Der Schwellenwert gibt den Grenztrennwert zwischen jeder Zelle an. Beispiel: var t = d3.scale.Threshold (). Domain ([0, 1]). Bereich (['A', 'B', 'C']); t (-1) === 'a'; t (0) === 'B'; t (0,5) === 'B'; t (1) === 'C'; t (1000) === 'C'; t.invertextent ('a'); // Gibt [undefiniert, 0] t.invertextent ('B') zurück; // gibt [0, 1] t.invertextent ('c') zurück; // Gibt zurück [1, undefiniert]
- Schwellenwert - Geben Sie einen numerischen Wert ein und geben Sie einen diskreten Wert zurück.
- threshold.invertextent - Geben Sie einen diskreten Wert ein und geben Sie den Wert zurück.
- Schwelle.Domain - Die Domäne von GET oder SET -Transformation.
- Schwelle.Range - Der Bereich von GET oder SET transformiert.
- Schwelle.Copy - Kopieren Sie eine Transformation aus einer vorhandenen Transformation.
- d3.scale.quantile - konstruiert eine quantile lineare Transformation. Die Verwendungsmethode ist genau ähnlich wie die Quantize, der Unterschied besteht darin, dass Quantil die Intervalle nach dem Median trennt und die Intervalle nach dem arithmetischen Durchschnitt von Quantize trennt. Beispiel
- Quantil - Geben Sie einen numerischen Wert ein und geben Sie einen diskreten Wert zurück.
- quantile.invertextent - Geben Sie einen diskreten Wert ein und geben Sie den numerischen Wert zurück.
- quantile.domain - Die Domäne von GET oder SET -Transformation.
- quantile.Range - Der Bereich des durch GET oder SET verwendeten Wertes.
- quantile.quantiles - Erhält den getrennten Wert der Quantil -Transformation. 示例 : var q = d3.scale.quantile (). Domäne ([0, 1]). Bereich (['A', 'B', 'C']); Q.Quantiles () Returns [0,33333333333333326, 0,66666666666666665]
- quantile.copy - Kopieren Sie eine Transformation aus einer vorhandenen Transformation.
- D3.Scale.identity - Konstruieren Sie eine lineare Identitätstransformation. Spezielle lineare Transformation, diese Transformationsdefinitionsdomäne entspricht der Wertdomäne und wird nur in einigen Achsen- oder Pinselmodulen in D3 verwendet.
- Identität - Linear -Transformationsfunktion Identität. Gibt den Eingangswert zurück.
- Identity.invert - Die gleiche Identitätsfunktion gibt den Eingangswert zurück.
- Identität.Domain - Die Domäne von GET oder SET -Transformation.
- Identität.Range - Der Bereich des durch GET oder SET verwendeten Wertes.
- Identity.ticks - Nimmt repräsentative Werte aus der Domäne. Normalerweise für die Auswahl der Koordinaten -Achsen -Skalen verwendet.
- Identität.TickFormat - Ruft die Formatkonvertierungsfunktion ab, die normalerweise zur Formatumwandlung von Achsenskalen verwendet wird.
- Identity.Copy - Kopieren Sie eine Transformation aus einer vorhandenen Transformation.
Ordinale Transformation (Ordinal)
- D3.Scale.ordinal - Erstellen Sie ein ordinales Transformationsobjekt. Die Eingangsdefinitionsdomäne und die Ausgangswertdomäne der ordinalen Transformation sind beide diskret. Die Eingangsdomäne der quantitativen Transformation ist kontinuierlich, was der größte Unterschied zwischen den beiden ist.
- Ordinal - Geben Sie einen diskreten Wert ein und geben Sie einen diskreten Wert zurück. Eingabeteile, die nicht in der aktuellen Domäne sind, werden automatisch zur Domäne hinzugefügt.
- Ordinal.Domain - Die Domäne von GET oder SET -Transformation.
- ordinal.Range - Der Wertebereich von GET oder SET -Transformation.
- ordinal.Rangepoints - Verwenden Sie mehrere diskrete Punkte, um ein kontinuierliches Intervall zu teilen. Weitere Informationen finden Sie in der Legende im Link.
- ordinal.RangeBands - Verwenden Sie mehrere diskrete Intervalle, um ein kontinuierliches Intervall zu teilen. Weitere Informationen finden Sie in der Legende im Link.
- ordinal.Rangeroundbands - Verwenden Sie mehrere diskrete Intervalle, um ein kontinuierliches Intervall zu teilen, und die Intervallgrenze und die Breite werden abgerundet. Weitere Informationen finden Sie in der Legende im Link.
- ordinal.RangeBand - Erhält die Breite des diskreten Intervalls.
- ordinal.Rangeextent - Erhält den minimalen Maximalwert des Ausgangsfeldes.
- ordinal.copy - Kopieren Sie eine Transformation aus einer vorhandenen Transformation.
- d3.scale.category10 - Konstruieren Sie eine Ordinalumwandlung mit 10 Farben.
- D3.Scale.Category20 - Konstruieren Sie eine Ordinalumwandlung mit 20 Farben.
- d3.scale.category20b - Konstruieren Sie eine Ordinalumwandlung mit weiteren 20 Farben.
- d3.scale.category20c - Konstruieren Sie eine Ordinalumwandlung mit weiteren 20 Farben.
D3.SVG (SVG)
Formen
- d3.svg.line - erstellt einen Segmentgenerator.
- Zeile - Generieren Sie eine Zeile im Zeilendiagramm.
- Line.x - Setzen oder holen Sie den X -Axis -Accessor.
- Line.y - Setzen oder holen
- Line.Interpolat - Interpolationsmodus einstellen oder abrufen.
- Line.Tension - Holen Sie sich den Kurvenspannungs -Accessor (Kardinal Spline Spannung).
- line.definiert - definiert, ob eine Linie zu einem bestimmten Punkt existiert.
- d3.svg.line.radial - Erstellen Sie einen Strahlungsgenerator.
- Linie - Generieren Sie segmentierte lineare Kurven für Breiten-/Radar -Linien -Diagramme.
- Line.Radius - Holen Sie sich den Radius -Accessor.
- Line.angle - Holen Sie sich einen Winkel -Accessor.
- line
- D3.SVG.AREA - Erstellt einen neuen Bereichsgenerator.
- Bereich - Generieren Sie einen linearen Bereich für Flächendiagramme.
- Area.x - Zubehör, die X -Koordinaten erhalten oder festlegen.
- Area.x0 - Holen Sie sich den Accessor für X0 -Koordinaten (Grundlinie).
- Area.x1 - Holen Sie sich den Accessor für X1 -Koordinaten (Backline).
- Area.Y - Zubehör, die y -Koordinaten erhalten oder festlegen.
- Area.y0 - Holen Sie sich den Accessor für Y0 -Koordinaten (Basislinie).
- Area.y1 - Holen Sie sich den Accessor für Y1 -Koordinaten (Backline).
- Bereich.Interpolat - Holt oder legt den Interpolationsmodus fest.
- Fläche.Tonie - Holen Sie sich die Kardinalsplinesspannung.
- Area.defined - Richter, um den Bereich der Bereichsdefinition zu erhalten oder zu definieren.
- d3.svg.area.Radial - Erstellen Sie einen neuen Bereichsgenerator.
- Bereich - Erzeugt einen linearen Bereich von Segmenten für Breiten-/Radardiagramme.
- Area.Radius - Holen Sie sich den Radius -Accessor.
- Area.InnerRadius - Holt oder legt den internen Radius (Baseline) -Accessor.
- Area .
- Bereich.angle - Holen Sie sich den Angle Accessor.
- Area.Startangle - Holt oder legt einen internen Winkel (Baseline) -Accessor.
- Area.endangle - Holt oder legt einen externen Winkel- (Backline) -Accessor.
- Area.defined - Richter, um den Bereich der Bereichsdefinition zu erhalten oder zu definieren.
- D3.SVG.ARC - Erstellen Sie den Radian -Generator.
- ARC - erzeugt einen linearen Radian für Kreisdiagramm oder Donut -Diagramm.
- arc.innerradius - bekommt den internen Radius -Accessor.
- ARC.OUTERRADIUS - Holt oder setzt einen externen Radius -Accessor.
- ARC.Startangle - Holt oder setzt den Startwinkel -Accessor.
- Arc.endangle - bekommt oder legt den Endangle -Accessor.
- Bogen.Centroid - Berechnen Sie den Schwerpunkt des Bogens.
- d3.svg.symbol - Symbolgenerator erstellen.
- Symbol - generiert das angegebene Symbol für Hashing -Diagramme.
- Symbol.Type - Holen Sie oder setzen Sie den Symboltyp Accessor.
- Symbol.Size - Holen Sie oder setzen Sie die Symbolgröße (in quadratischen Pixeln) Accessor.
- d3.svg.symboltypes - unterstützte Array von Symboltypen.
- d3.svg.chord - Erstellt einen neuen String -Generator.
- Akkord - Erzeugt eine quadratische Bezier -Kurve, um zwei Bögen für Stringdiagramme zu verbinden.
- Chord.radius - bekommt oder setzt Arc Radius Accessor.
- Chord.Startangle - Holt oder legt den Bogenstart -Angle -Accessor ab oder setzt oder legt sie fest.
- Chord.endangle - bekommt oder legt den ARC -Endangle -Accessor.
- Chord.Source - bekommt oder legt den Quell -Radian -Accessor.
- Chord.Target - Holt oder legt den Zielradi -Accessor fest.
- d3.svg.diagonal - erstellt einen neuen Slash -Generator.
- Diagonal - erzeugt einen zweidimensionalen Bessel -Anschluss für Knotenverbindungsdiagramme.
- Diagonal.Source - Holen Sie sich den Quellpunkt -Accessor.
- Diagonal.target - Holen Sie sich den Zielpunkt -Accessor.
- Diagonal.Projektion - Ruft oder legt einen optionalen Punkttransformator fest.
- d3.svg.diagonal.Radial - Erstellen Sie einen neuen Slash -Generator.
- Diagonal - erstellt einen zweidimensionalen Bessel -Anschluss für Knotenverbindungsdiagramme.
Äxte
- d3.svg.axis - Erstellen Sie einen Achsengenerator.
- Achse - formelle Erzeugung von Achsen auf der Seite.
- Axis.Scale - Die Skalentransformation von GET oder Set -Achse, die die Konvertierungsregeln für numerische und Pixelpositionen festlegt.
- axis.orient - Get oder Setzen Sie die Achsenskalisrichtung.
- Axis.Ticks - steuert, wie die Achsenskala erzeugt wird.
- Axis.TickValues- Legt den Wert einer bestimmten Achse fest.
- axis.ticksize - Gibt die Pixellänge der Tick -Marke auf der Achse an.
- Achse.InertickSize - Die Pixellänge der kleinen Zeckenmarke Get oder Set Achse.
- axis.outerticksize - Die Pixellänge der Get- oder Set -Achse große Zeckenmarke.
- Axis.Tickpadding - Gibt den Pixelabstand zwischen der Achsenskala und dem Tick -Text an.
- Axis.TickFormat - Legt das Format des Tick -Textes fest.
Kontrollen
- d3.svg.brush - Klicken Sie, um einen zweidimensionalen Bereich zu ziehen und auszuwählen.
- Bürste - Binden Sie offiziell einen Pinsel in einen Bereich der Seite.
- bürsten.x - Get oder Setzen Sie die Pinsel X -Transformation, verwendet für horizontale Widerstand.
- Pinsel.y - Get oder Setzen Sie die Pinsel -y -Transformation und werden zum Ziehen und fallen in vertikale Richtung.
- Pinsel.EXTENT - GET oder SET PISCH SELECTION RAGE (Ausmaß).
- Pinsel.Clear - Legt den Auswahlbereich (Ausmaß) des Pinsels auf leer.
- Pinsel.EMPTY - Bestimmt, ob der Auswahlbereich (Ausmaß) von Pinsel leer ist.
- Pinsel.on - Event -Hörer für Get oder Set Pinsel. Es gibt 3 Arten von Ereignissen, die angehört werden können: Pinsel, Pinsel, Pinsel.
- binse.event - löst das Hörereignis durch das Programm aus und verwendet es, nachdem das Ausmaß durch das Programm festgelegt wird.
D3.Time (Zeit)
Zeitformatierung
- D3.Time.Format - Erstellen Sie einen lokalen Zeitformatkonverter basierend auf einem bestimmten Zeitformat.
- Format - Konvertieren Sie ein Datumsobjekt in ein bestimmtes Zeitformat in eine Zeichenfolge.
- Format.Parse - Konvertiert Strings in einem bestimmten Zeitformat bis datum.
- d3.time.format.utc - Erstellen Sie einen UTC -Formatkonverter (Universal Standard Time) basierend auf einem bestimmten Zeitformat.
- D3.Time.Format.ISO - Erstellt einen ISO -World Standard Time (ISO 8601 UTC) -Formatwandler basierend auf einem bestimmten Zeitformat.
Zeitskalen
- D3.Time.Scale - Erstellt eine lineare Zeittransformation mit dem Definitionsfeld als numerisches Intervall und das Wertfeld als Zeitintervall. Häufig zur Erstellung der Zeitachse verwendet. Weitere Informationen finden Sie unter D3.Scale.Linear.
- Skala - Geben Sie als Wert ein, kehren Sie als Zeit zurück.
- scale.invert - inverse Transformation, Eingabemaßzeit, um den Wert zurückzugeben.
- scale.domain - Die Domäne von GET oder SET -Transformation.
- scale.nice - Erweitern Sie den Domänenbereich, um die Domäne regelmäßiger zu gestalten.
- scale.Range - Der Bereich der Get- oder Set -Transformation.
- Skala.Rangeround - Legt den Bereich fest und rundet das Ergebnis ab.
- Skala.Interpolat - Eine Interpolationsfunktion für die GET- oder Setzen von Transformationen, z. B. das Ersetzen der Standard -Linear -Interpolationsfunktion durch eine exponentielle Interpolationsfunktion.
- scale.clamp - Legt fest, ob der Wertebereich geschlossen ist und nicht standardmäßig schließt. Wenn der Wertebereich geschlossen ist, wird der Grenzwert des Wertebereichs genommen, wenn das Interpolationsergebnis außerhalb des Wertebereichs liegt. Weitere Informationen finden Sie unter 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)
Bündeln
- d3.layout.bundle - construct a new default bundle layout.
- bundle - apply Holten's hierarchical bundling algorithm to edges.
Akkord
- d3.layout.chord - 初始化一个弦图对象, 返回一个Chord 实例
- chord.matrix - 设置或者获取弦图实例对应的矩阵数据
- chord.padding - 设置或获取弦图各段圆弧之间的间隔角度
- chord.sortGroups - 设置或获取矩阵分组的排序函数
- chord.sortSubgroups - 设置或获取矩阵二级分组的排序函数
- chord.sortChords - 设置或获取弦图在z序上的排序函数(决定哪一组显示在最上层)
- chord.chords - 该函数会将参数处理成对chord 更友好的格式并返回, 若没有提供参数, 会调用matrix()来获取数据
- chord.groups - 该函数参数处理成更易于理解的分组信息, 若没有提供参数, 会调用matrix()来获取数据
Cluster
- 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 - 获取当前布局的拖拽对象实例以便进一步绑定处理函数.
Hierarchie
- d3.layout.hierarchy - 获得一个自定义的层级布局的实现.
- hierarchy.sort - 获取或设置一个函数, 用来给兄弟节点(同一父结点的子结点)的排序.
- hierarchy.children - 获取或设置子结点的访问器.
- hierarchy.nodes - 计算并返回指定结点的子结点信息.
- hierarchy.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
- hierarchy.value - 获取或设置结点的值访问器.
- hierarchy.revalue - 重新计算层级布局.
Histogramm
- 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).
Paket
- d3.layout.pack - 用递归的圆环表现一个多层级布局.
- pack.sort - 获取或设置一个函数, 用来给兄弟节点(同一父结点的子结点)排序.
- pack.children - 获取或设置子结点的访问器.
- pack.nodes - 计算并返回指定结点的子结点信息.
- pack.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
- pack.value - 获取或设置一个函数, 用来计算圆环的大小(近似值).
- pack.size - 设置整个布局画布的宽and高.
- pack.radius - 如果不想结点半径与结点的值相同, 可以传入一个函数用来计算结点半径.
- pack.padding - 指定相邻结点之点的间距(近似值).
Trennwand
- 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 - 设置或获取用来储存基线的输出函数.
Baum
- 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.
Rumpf
- 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)
Ziehen
- d3.behavior.drag
- drag.origin
- Drachen
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.