将 y 轴标签添加到 NVD3 多条形图

【问题标题】：add y axis label to NVD3 Multi-Bar Chart将 y 轴标签添加到 NVD3 多条形图
【发布时间】：2014-12-07 05:15:44
【问题描述】：

我正在尝试将轴标签添加到 NVD3 多条形图，但它似乎只适用于 x 轴。有没有办法解决这个问题？

我在这里设置了一个例子：http://jsfiddle.net/msts1jha/2/

var chart = nv.models.multiBarChart();

chart.xAxis
    .tickFormat(d3.format(',f'));

chart.yAxis
    .tickFormat(d3.format(',.1f'));

chart.xAxis.axisLabel("x axis");
chart.yAxis.axisLabel("y axis");

【问题讨论】：

标签： javascript d3.js nvd3.js

【解决方案1】：

您的yAxis 已隐藏，在图表上设置左边距即可。

试试这个：

var chart = nv.models.multiBarChart().margin({left: 100});

更多关于边距的信息请看here

希望对你有帮助

【讨论】：

太好了，谢谢！我最终也使用了chart.yAxis.axisLabel(scope.ylab).axisLabelDistance(40) 来减少轴和标签之间的间距。