旋转x轴文本并附加标签文本d3 v4

时间:2017-07-10 10:08:59

标签: javascript d3.js

我想附加x轴文字标签并旋转x轴标签。 两者都是单独的,但我无法弄清楚如何将它们放在一起使用。可以请某人帮忙。enter image description here

 g.append("g")
  .attr("class", "x axis")
  .attr("transform", "translate(0," + height + ")")
  .call(d3.axisBottom(x))
  .selectAll("text")    // either this 
  .style("text-anchor", "end")
  .attr("dx", "-.8em")
  .attr("dy", ".1em")
  .attr("transform", "rotate(-65)")
   .append("text")// or this
   .attr("x", width)
   .attr("y", -6)
   .style("text-anchor", "end")
   .style("font-weight", "bold")
   .style("fill", "black")
   .text(tooltipTxt);

0 个答案:

没有答案