Support custom font sizes

michael-yx-wu commented 2 years ago

Add support for custom label font size in the following places:

[x] Bar
[x] StackedBar
[x] Scatter
[x] Axes (Category, Numeric, Time)

cc @nifdee @billytrend

Testing

SVG measures distance to text elements using the text baseline instead of the top-left corner like it does with most other elements. I've taken care to redraw or reset the typesettable measurer's cache where applicable to make subsequent renders draw the text in the right place. When playing with the quicktests, please double check that the label is positioned reasonably as font size changes i.e. it doesn't crowd out other elements, it's hidden when there is no space to draw, etc.

⚠️ The blueprint-bot's quicktest link is broken, so I recommend testing by checking out the repo and running yarn start and navigate to the links below. Gifs show what you should expect to see. I recommend using node 8.10.0 with this repo, just to be consistent with the CI environment.

Bar

http://localhost:9999/quicktests/dev/index.html#functional/bar_plot_label_font_size 2021-10-11 21 48 16

Scatter

http://localhost:9999/quicktests/dev/index.html#functional/scatter_plot_label_font_size Something weird is happening w/ the scatter plot labels. Unclear why the size "stutters" when increasing font size. Note that internally, we do not use scatter plot labels. 2021-10-11 21 27 59