Tag: d3.js

Ocultar nodos principales no relacionados pero nodo hijo en D3.js

Intento hacer esto en D3.js pero no puedo encontrar la forma de hacerlo. Lo que quiero hacer es, cuando una persona hace clic en el nodo raíz (nivel 0), debe mostrar los elementos secundarios (nivel 1). Cuando una persona hace clic en uno de los nodos secundarios (nivel 1) debe mostrar sus hijos (nivel 2) […]

¿Cómo configurar un eje nvd3 para usar cadenas en lugar de valores numéricos?

En lugar de valores numéricos en el eje x, quiero establecer mis nombres de attributes. No soy un héroe de Javascript. Estoy usando la carta de dispersión. Creo que debería ser algo así como: chart.xAxis.tickFormat(d3.format(String)); y luego puedo configurar: chart.xAxis .axisLabel('Attributes').staggerLabels(true).tickValues(["A", "B", "C"]);; y luego establecer los valores: data[i].values.push({ x : "A" , y : […]

establecer css de eje en d3.js

¿Hay algo que hacer .axis path {fill: none} en d3.js? He intentado con .attr y .style en .call (d3.svg.axis () pero fue en vano. Simplemente estoy haciendo algo mal aquí … El código completo que estoy usando para crear mis ejes está a continuación: // create Axis svg.selectAll("axis") .data(d3.range(angle.domain()[1])) .enter().append("g") .attr("class", "axis") .attr("transform", function(d) { […]

Paquete de círculo d3: configuration de colors del círculo

Intento usar http://mbostock.github.com/d3/ex/bubble.html pero con colors cambiados. Me gustaría saber cómo se configuran los colors en d3.layout.pack.

No se puede leer la propiedad 'peso' de indefinido en la implementación de d3.force

He estado atascado en este problema desde hace un time y no tengo ni idea de qué hacer, incluso en function de las respuestas existentes. Sigo recibiendo este error en la última input JSON de una respuesta uniforme. …{"paperCount": 1, "PMIDs": [20626970], "authorA": 79, "authorB": 80}, {"paperCount": 1, "PMIDs": [20492581], "authorA": 81, "authorB": 82}, {"paperCount": […]

Dar a las tags de eje ordinal d3 diferentes de los nombres de escala

Tengo una scale ordinal con ciertas tags para los diferentes valores. Quiero mostrar un eje para esa escala, donde las tags de eje no son las mismas que las tags de escala. Tengo este código: var width = 1000 var height = 600 var margins = { left: 100, // 40 right: 25, bottom: 50, […]

Quiero agregar text en el enlace en el gráfico de tree D3.js

Quiero hacer un tree de decisión en D3.js y agregar text en el enlace. <!DOCTYPE html> <meta charset="utf-8"> <body><script src="../d3-master/d3.min.js"></script> <head><link rel="stylesheet" type="text/css" href="../D3css/D3css.css"></head> <script> var margin = {top: 20, right: 20, bottom: 30, left: 40}, width = 960 – margin.left – margin.right, height = 500 – margin.top – margin.bottom, rect_width = 90, rect_height = […]

Organigtwig – tree, en línea, dynamic, plegable, imágenes – en D3

Soy un novato en el desarrollo web. Intento crear un organigtwig de compañía jerárquico similar a un tree. Probé la gráfica de visualización de Google y el tree D3 Reingold de Mike Bostock. Quiero estas características: estructura de tree: ya sea de arriba hacia abajo ( google ) o de izquierda a derecha ( D3 […]

Cómo agregar text a un div en D3

Todas: Por ejemplo, tengo una matriz de cadena: ["string1","string2","string3","string4","string5"] Quiero agregarlos a todos en un div con sepárelos como: <div> string1<br> string2<br> string3<br> string4<br> string5 </div> Me pregunto cómo hacerlo con D3? Estoy pensando en usar selectAll () … data () … enter (). Append (), pero no sé cómo anexar esto. Gracias

Cómo poner datos de text con d3.js

¿Qué estoy haciendo mal? x.innerHTML no está definido como resultado. ¿Cómo puedo poner el text, devuelto por d3.json en x? Gracias. <tr> <td>1</td> <td id = "val">0.087</td> <td>0.23</td> <td>0.3</td> </tr> </table> <script type="text/javascript" src="http://d3js.org/d3.v3.min.js" charset="utf-8"> </script> <script type="text/javascript"> var x = d3.select("#val"); setInterval(function() { d3.json("./cgi-bin/script1.sh", function(error, text){ if (error) return console.warn(error); console.debug(text.date); x.innerHTML = text.date; […]

Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.