是否可以使用.orient旋转d3.js xAxis?

时间:2013-11-22 15:34:42

标签: svg d3.js

enter image description here

我想在xAxis上轮换所有日期。

var xAxis = d3.svg.axis().scale(x)
.orient("bottom").tickFormat(d3.time.format("%b %d"));

上面已经有一些帖子,例如:How to rotate the text labels for the x Axis of a d3.js graph

我想知道是否有更好的方法,比如使用.orient()函数?

在文档中说:

  

如果指定的方向不是支持的值之一,则轴将恢复为默认方向。更改方向会影响刻度线及其标签相对于轴路径的位置,但不会更改轴本身的位置;要更改轴相对于绘图的位置,请在包含g元素上指定transform属性。

我想知道我究竟能做到这一点。非常感谢!

1 个答案:

答案 0 :(得分:1)

简答为否,axis.orient只接受四个参数:leftrighttopbottom,默认方向为{{ 1}}一个。

不能从不同的方向采取混合和匹配属性,或在标签上进行其他复杂的操作。

您所引用的帖子中采用的方法是推荐的方法。