Kann ich Bilder als Hintergrundrechtecke für d3 Treemaps verwenden?

8

Ist es möglich, eine Treemap in d3 mit dem Hintergrund eines jeden Rechtecks ​​zu einem Bild zu machen? Ich suche nach etwas ähnlich dem, was in Silverlight hier gemacht wurde, aber für d3. Wenn es möglich ist, gibt es empfohlene Tutorials, die den Prozess der Verbindung des Hintergrunds mit einem Bild durchlaufen?

    
Matt 26.09.2013, 15:56
quelle

3 Antworten

7

Ja, es gibt verschiedene Möglichkeiten, Bilder in SVGs zu verwenden. Wahrscheinlich möchten Sie das Bild als Muster definieren und es dann zum Füllen des Rechtecks ​​verwenden. Für weitere Informationen siehe z. diese Frage (das Verfahren ist unabhängig vom Element gleich Sie möchten füllen).

In D3-Code würde es ungefähr so ​​aussehen (vereinfacht).

%Vor%     
Lars Kotthoff 26.09.2013, 16:02
quelle
5

Beachten Sie, dass das Bild Attribute für Breite und Höhe haben muss

%Vor%     
The Old County 11.12.2013 16:44
quelle
2

Die Verwendung von Mustern zum Hinzufügen eines Bildes in einem Rechteck kann Ihre Visualisierung ziemlich langsam machen.

Sie können stattdessen so etwas tun, das ist der Code, den ich für meine rechteckigen Knoten in einem Force-Layout verwendet habe. Ich wollte Rechtecke, die von einem Bild gefüllt wurden, als Knoten einfügen:

%Vor%     
Audrey San 27.04.2015 14:23
quelle

Tags und Links