llamar - Función de llamada Javascript biblioteca d3

llamar javascript desde html

Question

No puedo entender cómo funciona d3.call () y cuándo y dónde usar eso. Here está el enlace del tutorial que estoy tratando de completar.

¿Puede alguien explicar por favor qué está haciendo esta pieza?

var xAxis = d3.svg.axis()
.scale(xScale)
.orient("bottom");
svg.append("g").call(xAxis);

Answer 1

Creo que el truco aquí es entender que xAxis es una función que genera un grupo de elementos SVG. De hecho, es la función devuelta por d3.svg.axis() . Las funciones de escala y orientación son solo parte de la sintaxis de encadenamiento (lea más sobre esto aquí: http://alignedleft.com/tutorials/d3/chaining-methods/ ).

Entonces svg.append("g") agrega un elemento de grupo SVG a svg y devuelve una referencia a sí mismo en forma de una selección (la misma sintaxis de cadena en el trabajo aquí). Cuando utiliza call una selección, llama a la función denominada xAxis en los elementos de la selección g . En este caso, está ejecutando la función de eje, xAxis , en el grupo recién creado y agregado, g .

Si eso aún no tiene sentido, la sintaxis anterior es equivalente a:

xAxis(svg.append("g"));

o:

d3.svg.axis()
.scale(xScale)
.orient("bottom")(svg.append("g"));