外部位置的轴标签不起作用

Question

外层标签无效，

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

忽略position: 'outer-*'。

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

Answer 1

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

position 被定义为 label 的 sub-property 所以你只需要重新排列一下（还需要 sub-property text 作为标签如果你这样做的话）：

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

外部位置的轴标签不起作用

The axis-label at outer position is not working

c3.js