Have an option to make the tooltip align floating points (or at least align right)

Question

Have an option to make the tooltip align floating points (or at least align right)

kanitw opened this issue 6 years ago · 10 comments

kanitw commented 6 years ago

Currently it's a bit hard to compare.

Answer 1 · 2018-12-06T17:33:35.000Z

We may also want to consider using a monospace font for numbers to facilitate alignment.

Answer 2 · 2018-12-06T17:35:50.000Z

I agree! Ideally we align to the decimal point.

I don't know whether we have a way of knowing whether something is a number since we don't format them. It's all coming from Vega.

Answer 3 · 2018-12-06T23:27:50.000Z

I think we can try to convert to number. If something is a number, then we won't get NaN. :)

Answer 4 · 2018-12-06T23:33:11.000Z

wouldn't we throw away formatting like trailing 0s?

Answer 5 · 2018-12-06T23:50:13.000Z

We can just do the conversion just to check if something is a number. Then align the dots in floating points in real time since there won't be that many variables to show on a tooltip anyway.

Answer 6 · 2018-12-07T00:05:33.000Z

What if the locale dictates , instead of . to separate the non-fraction from the fraction part?

Answer 7 · 2018-12-07T02:28:39.000Z

That's a bug that a German should fix. :p

Answer 8 · 2018-12-07T02:29:19.000Z

Joke aside I'm sure one can read the locale and adjust the delimiter

Answer 9 · 2018-12-07T02:31:57.000Z

Jep, just wanted to make sure we think through the potential problems.

Answer 10 · 2020-11-10T17:17:03.000Z

We should also make sure numbers have the same width. See https://medium.com/mission-log/design-better-data-tables-430a30a00d8c (e.g. with font-variant-numeric: lining-nums tabular-nums;).