title: d3.js axis labels - color not changing
body: <p>I'm creating my axis with the following text, however the color of the labels is not changing properly; the color the text remains black. Does anybody know why?</p>
  
  <pre><code>  // 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([-5, -outerRadius]))
        .ticks(5)
        .orient("left"))
      .append("text")
        .attr("y", 
          function (d) {
            if (window.innerWidth &lt; 455){
              return -(window.innerHeight * .33);
            }
            else{
              return -(window.innerHeight * .33);
            }
          })
        .attr("dy", ".71em")
        .attr("text-anchor", "middle")
        .text(function(d, i) { return capitalMeta[i]; })
        .attr("style","font-size:12px;")
        .style("color","#DE3378");   &lt;--------------- adding color attribute here...
  </code></pre>
  
  <p><strong>EDIT</strong>
  - trying to color different axis labels different colors with the following code, however this is not working properly...</p>
  
  <pre><code>  .style(function() {
        for (var i = 0; i &lt; unhealthyArray.length; i++) {
                if ($.inArray(unhealthyArray[i], capitalMeta) != -1)
                      return "fill","red";
                else
                      return "fill","black";
        }
    });
  </code></pre>