C3: Ensure sufficient space between x axis tick values and x axis label

[nithingit]

The data values which I am using for generating charts are large sometimes.After the chart is rendered the tick labels are overlapping the x axis label(placed in outer -middle position).Because of the height sometimes part of labels are missing.Can we ensure the labels are displayed correctly(full) even if it is multi-line and ensure there is sufficient space between tick values and x axis label,so that they do not overlap with each other.

[WilliamRogan]

Any news on this? I am having the same issue and want to avoid writing a workaround.

The screenshot shows what happens: the x-axis label "Opening medium" overlaps the tick labels, in this case "Anonymous text 1". A static fix won't help, because tick label lengths vary depending on the chart and filter selections.

[ffuentes]

Hi,
as you can see at the page Rotate X Axis Tick Text, you should set height parameter.

...
    axis: {
        x: {
            type: 'category',
            tick: {
                rotate: 75,
                multiline: false
            },
            height: 130
        }
    }
...

[WilliamRogan]

Thanks Felipe - sorted the issue out. Will set the height dynamically depending on the longest tick label text.

[wiibaa]

@aendrew this question seems answered, can be closed ?

[WilliamRogan]

yes