d3.js examples Gibt es eine funktionierende Implementierung, um mehrere d3-Diagramme wie Linie, Balken usw. auf einer Seite zu platzieren?



d3.js tutorial deutsch (2)

Ich versuche, mehrere Charts auf einer einzelnen JSP-Seite anzupassen. Ich habe eine Kombination aus Linien- und Balkendiagrammen. Ich benutze Dimple API für d3.js. Bitte um Rat. Bootstrap scheint damit nicht zu arbeiten.



Answer #2

Bootstrap scheint einfach zu bedienen zu sein:

Fügen Sie dies in Ihrer HTML-Datei hinzu.

<div class="row">
  <div class="col-md-6" id="area1"></div>
  <div class="col-md-6" id="area2"></div>
</div>

Verknüpfen Sie das d3-Objekt in der select () mit der ID im div-Tag.

var chart2 = d3.select("#area1").append("svg")
...

var chart2 = d3.select("#area2").append("svg")
...

Für weitere Details folgen Sie einfach den Beispielen im D3-Tipps-und-Tricks- Buch. Abschnitt: Verwenden von Bootstrap mit d3.js





dimple.js