I'm trying to add axis labels to a NVD3 Multi-Bar Chart, but it only seems to work for the x axis. Is there any way around this?

I have set up an example here: /

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");

I'm trying to add axis labels to a NVD3 Multi-Bar Chart, but it only seems to work for the x axis. Is there any way around this?

I have set up an example here: http://jsfiddle/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

Share Improve this question Follow asked Oct 12, 2014 at 14:57 user3170702user3170702 2,06188 gold badges2727 silver badges3333 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

Your yAxis is hidden, set the left margin on your chart, and it will work.

Try this :

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

More info regarding margins have a look here

Hope it helps