Place labels inside chart

[CalvinFernandez]

Is it possible to place labels inside chart the way they appear on the Y axis above? It seems like axis labels could support an 'inside' and 'outside' designation the same way they're implemented with ticks.

[etpinard]

That's not possible at the moment unfortunately.

@CalvinFernandez I can turn this issue into a feature request if you like.

[CalvinFernandez]

@etpinard is this the correct place for feature requests? I wasn't sure -- If you would like I can submit a PR for this

[etpinard]

is this the correct place for feature requests?

Yes. Absolutely.

If you would like I can submit a PR for this

that would be amazing.

[etpinard]

deleting all +1s.

[ricazhang]

@etpinard

First, hi, I'm new to contributing so I wanted to run this idea by you if that's ok. I've created a basic implementation for this locally by adding a field in yaxis called ticklabelalignment which can be set to "inside" or "outside". If it is "inside" then you need to make some changes in axes.js (see image below).

This is similar to what you suggested in #883 for the tickanchor. It would not cover positioning the label above or below the tick though (#1882), its only for the horizontal alignment but we could do something similar for the vertical alignment. This seems to work well with left or right y-axis and subplots.

[rms95]

As I understand these changes aren't in the current version? (I'm working with 1.40, using yaxis: { ticklabelalignment: 'inside' })

As this is a much needed change for mobile (maximizing screen real estate utilization), I'd very much like to see this feature. Many apps use this:
https://www.designyourway.net/diverse/6/uicharts/1997994.jpg
https://cdn.dribbble.com/users/4620/screenshots/2576470/linegraphdashmobile_1x.png
Or Google Image search for "mobile graph"

@etpinard There seems to be a solution (or at least partially, for horizontal alignment, which is the most important one in most use cases), which from the looks of it does not pose a high risk for conflicts, can this please be verified and merged to the master branch?

[ricazhang]

@rms95 Yes they aren’t in the current version. I haven’t merged my change to master. You’re welcome to try out my version of it with that alignment flag though!

[rms95]

I looked at the /dist/plotly.min.js file in your latest commit files, though that doesn't seem to include the new code.
I haven't compiled projects like this before, if you have the fully build file ready to grab, would mind sending it as attachment here?

[nirmal495]

Any update on this feature?? It would be great to have label alignment on the y axis

[alexcjohnson]

Closed by #5275