d3.js - library - d3js charts examples

¿Existe una implementación en funcionamiento para adaptarse a múltiples gráficos d3 como línea, barra, etc. en una página?

Question

Estoy tratando de encajar múltiples gráficos en una sola página jsp. Tengo una combinación de gráficos de líneas y de barras. Estoy usando hoyuelo API para d3.js. Por favor aconséjame. Bootstrap no parece funcionar con esto.

Answer 1

Bootstrap parece ser simple de usar:

Agregue esto en su archivo .html.

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

Relacione el objeto d3 en select () con el id en la etiqueta div.

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

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

Para obtener más detalles, solo siga los ejemplos en el libro D3-Consejos-y-Trucos . Sección: Usar Bootstrap con d3.js

Answer 2

Mucho. Esta es una buena (no es mi trabajo):

http://www.logeeka.com/bi/dimple_charts.html

Esto utiliza múltiples elementos SVG que supongo que es lo que quieres, sin duda el camino a seguir con bootstrap. Si quiere múltiples gráficos en un solo SVG, aquí hay un ejemplo de eso:

http://dimplejs.org/advanced_examples_viewer.html?id=advanced_trellis_bar