I am making a line chart using the example [here](https://bl.ocks.org/alandunning/cfb7dcd7951826b9eacd54f0647f48d3).

I am trying to change the axis tick label color but "fill" is not working. I don't want to change it using CSS, it has to be changed using D3. 

I tried the following on the appropriate axis section: 

```
g.append("g")
    .attr("class", "axis axis--x")
    .attr("transform", "translate(0," + height + ")")
    .attr("stroke", "yellow")
    .style("fill", "yellow")
    .style("font-size", "14px")
    .call(d3.axisBottom(x));

```

The stroke and font-size change perfectly, but the fill has no effect. I tried changing .style to .attr but still nothing.

Here is the [FIDDLE](https://jsfiddle.net/CyberneticSean/gd4t0523/10/). Line 45 in the HTML I set it to green with no effect.

[![enter image description here](https://i.stack.imgur.com/1fCFH.png)](https://i.stack.imgur.com/1fCFH.png)