Mike Bostock, der Schöpfer von D3, denkt, dass das, was du tust, die beste Methode ist: Ссылка
Ja, wahrscheinlich würde ich hier ein Pfadelement mit einem benutzerdefinierten "d" -Attribut verwenden.
Eine weitere Option zum Zeichnen von Dreiecken, aber mehr für Streudiagramme, verwenden Sie d3.svg.symbol. Siehe die Dokumentation hier:
Es gibt eine eingebaute Komfortfunktion zum Zeichnen verschiedener Symbole zur Verwendung in Streudiagrammen, wie angegeben von Kyle R. Wenn Sie nur ein gleichseitiges Dreieck zeichnen möchten, dann könnte dies verwendet werden.
Die Funktion kann wie folgt verwendet werden:
%Vor% Sie können die Größe des Symbols auch festlegen, indem Sie den Funktionsaufruf size(100) anfügen.
Wenn Sie eine andere Form des Dreiecks zeichnen möchten, können Sie entweder:
path -Element und verwenden Sie das d -Attribut. Pfadelement erklärt . polygon oder polyline mit einem points -Attribut (wie in Ihrem Beispiel). Um das Attribut d zu verwenden. Ich habe deinen JS Bin gegabelt, um es zu demontieren. Das Schlüssel-Snippet lautet wie folgt:
Ein weiteres Beispiel mit v4 Formsymbolen :
%Vor%Einige Anmerkungen:
Das obige Beispiel versucht, den oberen Punkt des gleichseitigen Dreiecks anstatt des Mittelpunkts zu übersetzen, daher der zusätzliche Betrag zum "y" -Teil der Übertragung.
Tags und Links d3.js