React-vis: Move axis title outside chart

[markov00]

Currently the axis titles are drawn inside the chart like in the following example:

I don't see a way to move the axis title outside the chart like in this chart:

Is there anything I can do to move/translate the axis title outside the chart?

[mcnuttandrew]

There's been some questions about this type of thing before #542. I've been thinking that the API for the axis title is kinda overloaded (eg there a bunch of tags to place the label in various positions), and maybe we should introduce a new component something like

• accept a percentage or tag word (bottom-middle, top-left)
• and an orientation.
• It would probably be html component rather than an svg, (though it could probably be pretty easily implemented as both)
• For generality could make the label inside of the axes component use it

It would allow users to put titles on their chair in general, and just provide more options for annotations.

Thoughts?

[dooleyb1]

Would strongly welcome this change also. Any advancements on this?

[mcnuttandrew]

I ended up implementing a ChartLabel component, I'll put out a PR for it sometime later today. It has roughly the features I described above!

[dooleyb1]

Sounds good, cheers Andrew!

[mcnuttandrew]

Now available!! Resolving