Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Allow monospaced font for legends #8304

Open
gdlx opened this issue May 5, 2017 · 8 comments
Open

Allow monospaced font for legends #8304

gdlx opened this issue May 5, 2017 · 8 comments
Labels
area/legend area/panel/common area/panel/table area/tooltip type/feature-request

Comments

@gdlx
Copy link

gdlx commented May 5, 2017

I'm using table legends a lot for series identified by a fixed length alpha-numeric ID.

It would be nice to be able to use a monospaced font for series name in a table legend so that all these IDs are aligned, and same for hover legend.

Here an example:
6c3c788a-6884-48a5-97d8-e2d3df8d55e9
@MichaelSasser
Copy link

It would be great to see this implemented in tables in general. Not just in table legends.

@sylr
Copy link

sylr commented Dec 5, 2023

Indeed, at the very least all numerical values in panels should use a monospace'd font.

Is it so frustrating to have to count digits to compare the scale of different values.

image

@joshhunt
Copy link
Contributor

joshhunt commented Dec 5, 2023 •
edited

Rather than using a whole monospace font, we could solve this using tabular numbers, which is supported by our font.

6583_2023-12-05-17-24_firefox.mp4

I'll leave it with the @grafana/dataviz-squad folks to see what they think of this, and how broadly we could apply it.

@sylr
Copy link

sylr commented Dec 6, 2023 •
edited

@joshhunt surprisingly, font-feature-settings: "tnum" on the <body> applies to every number on page except the ones in the Y axis 🤔

@sylr
Copy link

sylr commented Jan 4, 2024

@joshhunt is this being worked on ?

@erentar
Copy link

erentar commented Feb 6, 2024

is there still no way to make numbers appear as monospace?

@joshhunt
Copy link
Contributor

We've just merged in an update to our font files to enable this.

We can't enable this for all of Grafana, especially as many visualisations have custom text rendering, but we'll look at turning this on in specific places where it makes sense. That'll be prioritised against other work that's going on 👍

@SeWieland
Copy link

The issue is still open - I'd really like to use monospaced fonts in all my tables + legends... Is there any workaround yet?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
area/legend area/panel/common area/panel/table area/tooltip type/feature-request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
9 participants
@torkelo @leeoniya @joshhunt @sylr @gdlx @MichaelSasser @SeWieland @erentar @jennyfana