C3Js - X axis label text position

1
votes

I am trying to generate one chart using c3js. I am facing issue with x-axis label position. It is overlapping with the x-axis tick values. In the screenshot, Request Date is overlapping with date values.

enter image description here

Any help will be appreciated.

Code: jsfiddle.net/bhuneshwer/qe0kxwa1/6/

1
javascriptc3.js
Could you post your code here or create demo at jsfiddle or codepen? - Dmitry Demidovsky
@DmitryDemidovsky - jsfiddle url jsfiddle.net/bhuneshwer/qe0kxwa1 - Bhuneshwer

1 Answers

0
votes

If you drop label position, text will be placed at right bottom corner of chart. See this fiddle.

"axis": {
    "x": {
        ...
        "label": {
            "text": "Request Date",
            /* "position": "outer-middle" */
        }
    }
}

Hope that's appropriate for your case.