Está ahí fuera a hacer .eje de la ruta { fill : none } en d3.js?

Lo he intentado .attr y .de estilo .llame al(d3.svg.eje (), pero fue en vano. Acabo de estar haciendo algo mal aquí…

El código completo que estoy usando para crear mi ejes es el siguiente:

 //create Axis
  svg.selectAll("axis")
      .data(d3.range(angle.domain()[1]))
    .enter().append("g")
      .attr("class", "axis")
      .attr("transform", function(d) { return "rotate(" + angle(d) * 180 / Math.PI + ")"; })
    .call(d3.svg.axis()
      .scale(radius.copy().range([0,0]))
      .ticks(1)
      .tickFormat("")
      .orient("left"))
      .attr("fill","none") //EDITED WITH FILL NONE
    .append("text") 
      .attr("y", 
        function (d) {
          if (window.innerWidth < 455){
            console.log("innerWidth less than 455: ",window.innerWidth);
            return -(0);
          }
          else{
            console.log("innerWidth greater than 455: ",window.innerWidth);
            return -(0);
          }
        })
      .attr("dy", "0em");
  • ¿Qué está tratando de lograr y en qué forma lo hace no funciona?
  • Me gustaría añadir css a mi ejes de replicar .eje de la ruta { fill: none} que está actualmente en línea en un archivo html. Quiero cambiar el css en línea con d3 attr o estilo
  • Has probado a añadir .attr("fill", "none") directamente al eje del camino?
  • ¿Puede dar un ejemplo de lo que usted tiene que no está funcionando?
  • sólo lo he probado y tengo la respuesta «no tiene método ‘attr'»
  • Se puede dar el código exacto que usted está tratando de ejecutar? Parece ser que trabajan para mí.
  • el código exacto ahora está arriba. Gracias
  • Trate de mover la configuración de relleno hasta donde está la configuración de la clase. Para su INFORMACIÓN, un código como que (configuración de la clase) está trabajando muy bien para mí. Podría poner un ejemplo completo en JSFiddle o algo por el estilo?
  • va a ser difícil poner esto en jsFiddle, mi proyecto es en verdad bastante complicado porque estoy tratando de apoyar esta vis para un navegador antiguo…he intentado poner .attr(«fill», «none;»), justo debajo de la clase, justo encima de él, por encima de .de datos, y nada de trabajo. Está usted seguro de que ha llegado el suyo a trabajar?? Gracias.
  • Aquí es exactamente lo que he intentado: después de .call(axis), hice un .selectAll("path") y establecer los atributos en que. Esto funciona sin problemas para mí. Hay varias otras maneras.

InformationsquelleAutor Apollo | 2012-07-27

1 Comentario

  1. 9

    Cuando quiero aplicar CSS ajustes a d3 elementos, me parece que es más fácil asignar un ID o una clase (que se puede hacer arriba) y, a continuación, aplicar los atributos deseados mediante el uso de CSS. Por ejemplo, mantener el JS como en el anterior, y luego en el css hacer:

    .axis path {
    
        fill:           none;
    }

    Si quieres hacerlo en la JS, que se debe utilizar:

    .style('fill', 'none')

    Sin embargo, usted debe aplicar para el svg que contiene el eje, no en el interior de la .llame al(d3.svg.eje()). Espero que esto ayude.

Dejar respuesta

Please enter your comment!
Please enter your name here