2015-02-06 110 views
0

我使用N3线图(http://n3-charts.github.io/line-chart/#/),但我有困难找就如何使x轴标签对角旋转,就像在这个例子中的解决方案:N3线图表x轴标签

http://www.d3noob.org/2013/01/how-to-rotate-text-labels-for-x-axis-of.html

+0

这个例子非常简单..也许你可以告诉我们一些相关的代码片段,这样我们可以更好地提供帮助。 – Pogrindis 2015-02-06 09:40:44

+0

我试图编辑文件line-chart.js。在函数“computeaxes”中,在第1144行之后,这是我尝试实现d3noob站点中指定的代码的地方,它正在添加.selectAll(“text”) .style(“text-anchor”,“end”) 。 ATTR( “DX”, “-.8em”) .attr( “DY”, “.15em ”) .attr(“ 变换”,函数(d){ 返回 “旋转(-65)” }) – mcact 2015-02-08 06:31:11

回答

0

尝试沿着这些路线做的事情:

// X-Axis Font 
.x-axis { 
    text { 
     transform: rotate(340deg); 
    } 
} 

您可能需要使用文本锚摆弄,但将旋转文本。