CODEWITHSUNDEEP
c3.js
Peter Krauss
Peter Krauss

Reputation: 13930

The axis-label at outer position is not working

No outer label is working, 

axis: {
    x: {
        label: 'Month',
        position: 'outer-center',   // ignoring!
        type: 'timeseries',
        tick: {
            format: '%b/%y',
            rotate: 32
        }
    },
    y: {
      label: '% of Duplicated Records',
      position: 'outer-top',  // ignoring!
      // tick: { format: d=> (parseInt(d*10)/10)+"%" }
    }      
} // \axis

The position: 'outer-*' are ignored.

See https://output.jsbin.com/seriyih/edit

Upvotes: 0

Views: 66

Answers (1)

mgraham
mgraham

Reputation: 6207

https://c3js.org/samples/axes_label_position.html

position is defined as a sub-property of label so you just need to rearrange a bit (also need the sub-property text for the label if you do it this way):

y: {
  label: {
        text: '% of Duplicated Records',
        position: 'outer-top',  // should now work
  }
  // tick: { format: d=> (parseInt(d*10)/10)+"%" }
}

Upvotes: 1

Related Questions