c3js / c3js/c3

Y-Axis label padding

Open
#1,249 4 comments 12 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
9.3k
Forks
1.4k
Avg merge
6d 16h
Merged PRs (30d)
1

Description

Is there a way to adjust the padding between an `outer-middle` y-axis label and the tick labels?

Here's a fiddle: http://jsfiddle.net/jakeorr/fhnqddt6/4/

As you can see, adjusting the font size of the axis label and the tick labels causes an overlap. I'd like to be able to add some padding in there.

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the overlap shown in the linked JSFiddle, focusing on an `outer-middle` y-axis label and its tick labels at different font sizes. Identify how the chart exposes axis-label spacing and make the padding adjustable so the labels no longer overlap; verify the result against the fiddle scenario.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
data-visualization
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.