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($)的設置就完成了
相關文章
相關標籤/搜索