Plotly.js: Gap for tick labels

[CalvinFernandez]

I would love a little more space between my ylabel and line -- wish there was a way to specify the padding between the label and the line, perhaps something like gap

[etpinard]

There's a hacky to do this right now using invisible ticks: http://codepen.io/etpinard/pen/BLaWKz

But yeah, we should really add some padding attribute(s) for ticks (I'd vote for tickpad - similar to borderpad used in annotations). Positive tickpad values would corresponds to away from the axis.

Alternatively, we could add two attributes one for horizontal and one for vertical tick label padding. I would personally vote :-1: about this as horizontal / vertical direction has a different meaning for x and y axes making the API potentially confusing.

Perhaps tick label alignment along the axis line (i.e. vertically for y-axes) could be configured using some anchor-type attribute. For example, yaxis.tickanchor: 'bottom' would place the y tick labels above their corresponding ticks.

Thoughts?

[cldougl]

Positive tickpad values would corresponds to away from the axis.

This sounds like it would be a super useful option!

[thierryVergult]

I could add some space between the horizontal bar and the label of the category via some css, but also was trying to have left alignment, without success so far.

.ytick { 
   transform: translate(-10px,0px);
}

[alexcjohnson]

One way to achieve left alignment would be anchor: 'free', side: 'right' and then move the labels off the edge of the plot area with something like position: -0.1 or shrinking the domain of the x axis to something like [0.1, 1]. There wouldn't be any automatic sizing this way, you'd need to manually choose the offset that leaves the right amount of space for the labels.