0

Axis label position for different options like position: 'outer-left'/outer-center/outer-left..... not working if axis rotated: true. Here is the jsfiddle link..

user3172663
  • 312
  • 3
  • 14

1 Answers1

2

Since the axies are rotated, you should invert the position.

http://jsfiddle.net/7kYJu/1742/

axis: {
    rotated: true,
    x: {
    label: {
        text: 'X Label',
        position: 'outer-middle'
    }
},
    y: {
    label: {
        text: 'Y Label',
        position: 'outer-center'
    }
}

Here, X position and Y position attribute has been inverted.

Didier Aupest
  • 3,227
  • 2
  • 23
  • 35
  • 1
    Thank you for your quick and perfect replay. – user3172663 Sep 01 '15 at 08:47
  • is there any way to put Legends on top like Nvd3 charts http://nvd3.org/examples/line.html – user3172663 Sep 01 '15 at 08:59
  • http://jsfiddle.net/7kYJu/1743/ : You can only put the legend on the bottom, the right, or inset. ref: http://c3js.org/reference.html#legend-position – Didier Aupest Sep 01 '15 at 09:08
  • Right now they have no option to show legends on top.Any way to sort simple bar charts ascending or descending order, if we will not use group options on Stacked Bar Chart ? – user3172663 Sep 01 '15 at 09:13