Resultados de la búsqueda a petición "d3.js"

1 la respuesta

¿Cómo puedo obtener el ancho y la altura naturales de un elemento de imagen svg?

Estoy tratando de hacer algo relativamente simple. Estoy tratando de hacer que lo siguiente funcione en D3: Dibuje una imagen como elemento SVG en su ancho y alto naturales.Haz clic en esta imagen para dibujar círculos con D3.Estoy atascado en ...

2 la respuesta

¿Se puede encadenar una función después de una transición sin que sea parte de la transición?

Por ejemplo, si quisiera hacer la transición del dominio yAxis, puedo hacer esto this.yAxis .transition() .call(this.createYAxis) .attr('transform', `translate( ${this.Axes.Y.offset}, 0 )`);También me gustaría establecer el tamaño del texto en ...

1 la respuesta

Filtro de texto personalizado para DC.js dataTable

Estoy construyendo un tablero para mostrar algunos datos. Tengo varios gráficos y una tabla que enumera todos los datos. Estoy tratando de agregar funcionalidad de búsqueda para filtrar el gráfico. Tengo un montón de empresas y algunos ...

1 la respuesta

Cómo aplicar el recorte d3.js svg después de hacer zoom

Estoy tratando de usar un svg-clippath con d3.js y el comportamiento del zoom. El siguiente código crea un rectángulo, que luego será recortado por una región de recorte rectangualar. <svg class="chart"></svg> <script> var width = 800; var ...

1 la respuesta

Acercamiento a un nodo en el que se hizo clic en un gráfico dirigido de fuerza D3

Estoy tratando de aplicar la camionetaEjemplo de zoom suave de Wijk [http://bl.ocks.org/mbostock/3828981]a un gráfico dirigido por la fuerza D3 estoy trabajando que ya tiene elarrastrar + zoom [http://bl.ocks.org/mbostock/6123708]funcionando en ...

1 la respuesta

D3.js: cómo agregar el botón de zoom con el comportamiento predeterminado del zoom del mouse de rueda

Así que obtuve un mapamundi con zoom del mouse usando el valor predeterminado d3.behavior.zoom () y límites para evitar que el mapa se arrastre completamente fuera de la página. Fue difícil trabajar, pero ahora funciona. Mi problema ahora es que ...

5 la respuesta

Convierta el atributo SVG Path d en una matriz de puntos

Cuando puedo crear una línea de la siguiente manera: var lineData = [{ "x": 50, "y": 50 }, {"x": 100,"y": 100}, {"x": 150,"y": 150}, {"x": 200, "y": 200}]; var lineFunction = d3.svg.line() .x(function(d) { return d.x; }) .y(function(d) { return ...

2 la respuesta

D3.geo: ¿Arcos esféricos en lugar de líneas rectas para paralelos?

Acabo de hacer un localizador de globo D3js, que se ve así: Si observa con cuidado, el cuadrado rojo se ve feo ya que no sigue la curva de la Tierra. Tengo el cuadro delimitador de área en grados decimales: var bb = {W:-5.0, N:50.0, E:10.0, ...

6 la respuesta

¿Cómo puedo seleccionar: last-child en d3.js?

Necesito manipular eltext elementos del primer y último tic de un eje para llevarlos más hacia el centro. Estoy tratando de seleccionarlos, uno a la vez, con algo comosvg.select('.tick:last-child text') Pero no funciona. ...

1 la respuesta

D3 zoom manualmente, cómo configurar la traducción para zoom

Necesito hacer una transición manualmente, ya que sé sobre el zoom d3, el zoom no escuchará mi zoom manual, por lo que después del zoom manual, cuando uso el mouse para arrastrar o la rueda del mouse para desplazarme, el zoom d3 comenzará el ...