n3折线图x轴标签答案

【问题标题】：n3 line chart x axis labeln3折线图x轴标签
【发布时间】：2015-02-06 04:14:37
【问题描述】：

我正在使用 n3 折线图 (http://n3-charts.github.io/line-chart/#/)，但我很难找到有关如何使 x 轴标签对角旋转的解决方案，就像在此示例中一样：

【问题讨论】：

该示例非常简单。也许您可以向我们展示一些您的相关代码片段，以便我们提供更好的帮助。
我尝试编辑文件 line-chart.js。在函数“computeaxes”中，在第 1144 行之后，我尝试实现 d3noob 站点中指定的代码，即添加 .selectAll("text") .style("text-anchor", "end") .attr( "dx", "-.8em") .attr("dy", ".15em") .attr("transform", function(d) { return "rotate(-65)" })

【解决方案1】：

尝试按照以下方式做一些事情：

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

您可能需要调整文本锚，但这会旋转文本。

【讨论】：