[Question] How can I change chart's legend, axes labels, labels, and annotation colors?

[sweileh]

How can I change the chart's legend, labels, axes labels, annotations colors?

I'm currently trying to change the color of chart's legend, labels, axes labels, annotations colors, yet, I don't know where it should be done.
I tried playing with CSS but with no result.
I tried to do it from chart properties, however, I could not.

Can you please help?

Thanks!

[issue-label-bot[bot]]

Issue-Label Bot is automatically applying the label #question to this issue, with a confidence of 0.95. Please mark this comment with 👍 or 👎 to give our bot feedback!

Links: app homepage, dashboard and code for this bot.

[junlincc]

@sweileh
you can change metrics name in Explore-> Data-> Query->METRICS->Edit title, and X Axis and Y Axis labels in Explore Customize. I know that some other BI tools have the ability to change label alias, customize legend color, shape and size etc more intuitively. We can certainly consider adding these features to the charts in the future. thanks for suggesting!

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. For admin, please label this issue .pinned to prevent stale bot from closing the issue.

[junlincc]

we should get to it at some point........

[kunkunhandsome]

I had the same problem.
My background color is black.This will drown out the color of the label text.
Can someone help me solve this problem?
Thanks!

[snehlata08]

@kunkunhandsome did u get the solution for it? currently I am facing the same problem

[kiakaku]

+1

[juanmantelli]

+1

[frafful]

+1

[prasanjeetdas]

you can use developer tool to identify the class and just apply the CSS property("fill").
eg:
.chart.container.css-xqqcdu {
fill: white;
}

[shan27nov]

not working for me. the color inside Canvas still black. did i miss something?

[prasanjeetdas]

Hi, you just need to use developer tool and findout the classname use for that particular legend and just apply css for that Best Regards, Prasanjeet Das Software Developer Ph: +91 9399761035 Ph: +91 7397465877

…

On Thu, Apr 25, 2024 at 4:16 PM aprendizlaura ***@***.***> wrote: Hi!!!! And do you know how to change the font size of the legend? — Reply to this email directly, view it on GitHub <#18405 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJ2ZTPNFH2PX74SHRNHXAY3Y7DNGRAVCNFSM6AAAAAAQDHCIL6VHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM4TEMRTG42DS> . You are receiving this because you commented.Message ID: ***@***.***>

[prasanjeetdas]

check this screenshot [image: image.png] Best Regards, Prasanjeet Das Software Developer Ph: +91 9399761035 Ph: +91 7397465877 On Fri, Apr 26, 2024 at 11:16 AM Prasanjeet Das ***@***.***> wrote:

…

Hi, you just need to use developer tool and findout the classname use for that particular legend and just apply css for that Best Regards, Prasanjeet Das Software Developer Ph: +91 9399761035 Ph: +91 7397465877 On Thu, Apr 25, 2024 at 4:16 PM aprendizlaura ***@***.***> wrote: > Hi!!!! And do you know how to change the font size of the legend? > > — > Reply to this email directly, view it on GitHub > <#18405 (comment)>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/AJ2ZTPNFH2PX74SHRNHXAY3Y7DNGRAVCNFSM6AAAAAAQDHCIL6VHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM4TEMRTG42DS> > . > You are receiving this because you commented.Message ID: > ***@***.***> >

[prasanjeetdas]

Hy,You should know how to inspect only than you can modify.

…

On Fri, Apr 26, 2024, 11:49 AM aprendizlaura ***@***.***> wrote: Hello!! The issue is that I've tried to inspect the legend and it has been impossible for me; I haven't been able to distinguish it from the element itself. In fact, even trying to change the font for an entire chart based on its id hasn't worked for me either. So far, in all my attempts to modify text on a dashboard, it has only worked with the chart titles. I'm sorry, I can't see your photo. — Reply to this email directly, view it on GitHub <#18405 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJ2ZTPNEMI6PAJ2OWUAAFMTY7HWVPAVCNFSM6AAAAAAQDHCIL6VHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM4TEMZSG42TO> . You are receiving this because you commented.Message ID: ***@***.***>