d3学习day3 --y轴添加文本标签

y轴添加文本标签

g.append("g")
    .call(y_axis)
    .append("text")
    .text("price($)")

clipboard.png

.attr("transform", "rotate(-90)") //文字逆时针旋转90度

clipboard.png

  .attr("text-anchor", "end") //设置文字的对齐方式

clipboard.png

在让他相对他自身当前的位置向右移动一定的距离,也就是向他自身的x轴方向偏移
  .attr("dy", "1em") //设置偏移量

clipboard.png

到这儿y轴的文本说明 price($)的设置就完成了

猜你喜欢

转载自www.cnblogs.com/baimeishaoxia/p/12188887.html