d3 x轴标签位于x轴下方

时间:2014-05-23 02:16:43

标签: javascript css d3.js

我试图为我的一张d3图形绘制一个x轴标签,我在将它定位在轴本身下方时遇到了很多麻烦。这是我目前的代码:

svg.append("g")
      .attr("class", "x axis")
      .attr("transform", "translate(0," + height + ")")
      .call(xAxis)
     .append("text")
      .attr("x", (width / 2))
      .style("text-anchor", "middle")
      .text("Users ordered by contribution");

这是问题的截图。有快速解决方法吗?

enter image description here

1 个答案:

答案 0 :(得分:1)

svg.append("g")
      .attr("class", "x axis")
      .attr("transform", "translate(0," + height + ")")
      .call(xAxis)
      .append("text")  
      .attr("x", (width / 2))
      .attr("y", height) //set your y attribute here
      .style("text-anchor", "middle")
      .text("Users ordered by contribution");

您可以按照以上

y文字设置svg位置属性