score:3

Accepted answer

This should be fairly straightforward. Add a g element for each side and apply a translation transform to position it in the x axis and then use something along the lines of this:

selection.append("text")
      .attr("class", "axis-label")
      .attr("transform", "rotate(-90)")
      .attr("y", -50)
      .attr("x", -height/2)
      .attr("fill", "#000")
      .style("text-anchor", "middle")
      .text("Y Label");

Look through the 1st example in Chapter 1 here that explains the addition of X and Y labels to the plot axes: https://leanpub.com/d3-t-and-t-v4/read


Related Query

More Query from same tag