Javascript nvd3离散阵列y轴标签

我使用以下代码为nvd3中的离散条形图设置y轴标签，但它不显示y轴标签。顺便说一句，x轴标签工作良好

chart.yAxis.axisLabel('Students (in %)');

以下工作：

nv.addGraph(function() {
  var chart = nv.models.discreteBarChart()
      .x(function(d) { return d.label })
      .y(function(d) { return d.value })
      .staggerLabels(true)
      .tooltips(false)
      .showValues(true)

  chart.yAxis.axisLabel("Students (in %)")

  d3.select('#chart svg')
      .datum(data)
      .transition().duration(500)
      .call(chart);

  nv.utils.windowResize(chart.update);

  return chart;
});

---

你可能在什么地方打错了

需要注意的一件事是，如果左侧的

chart.margin

值太小，标签将没有足够的显示空间。您可以调整

图表.页边距

值，也可以通过调整

axisLabelDistance

选项将y轴标签移近图表：

chart.yAxis
    .axisLabel('Students (in %)')
    .axisLabelDistance(40);

---

对于离散条形图，您可以自定义图表选项，如下所示。在javascript代码中创建图表模型时，不需要使用所有这些选项。仅设置要更改的功能就足够了，其他功能将采用默认值

“严格使用”；
角度模块（'mainApp.controllers'）
.controller（'discretebarchrttrl'，函数（$scope）{
$scope.options={
图表：{
类型：“discreteBarChart”，
身高：450，
保证金：{
前20名，
右:20,，
底数：50，
左：55
},
函数（d）{返回d.label；}，
y：函数（d）{返回d.value；}，
showValues：没错，
valueFormat:函数（d）{
返回d3.format（'，.4f'）（d）；
},
持续时间：500，
xAxis：{
axisLabel:“X轴”
},
亚克斯：{
axisLabel:“Y轴”，
轴间距：-10
}
}
};
$scope.data=[
{
关键字：“累积回报”，
价值观：[
{
“标签”：“A”，
“价值”：-29.765957771107
} ,
{
“标签”：“B”，
“值”：0
} ,
{
“标签”：“C”，
“值”：32.807804682612
} ,
{
“标签”：“D”，
“价值”：196.45946739256
} ,
{
“标签”：“E”，
“价值”：0.194340030906893
} ,
{
“标签”：“F”，
“价值”：-98.079782601442
} ,
{
“标签”：“G”，
“价值”：-13.925743130903
} ,
{
“标签”：“H”，
“价值”：-5.1387322875705
}
]
}
]
})

有没有办法用xAxis做到这一点

chart.margin

和

axisLabelDistance

对我不起作用，至少在

multiBarChart（）上是如此。谢谢你离开。您可以使用
旋转
值调整文本方向，使用
平移
值调整文本位置。对于我来说，轴标签在检查时不会显示，而x轴会显示