# Chart labels visble

**URL:** <https://community.noloco.io/t/chart-labels-visble/1500>\
**Category:** Feature Requests\
**Created:** [December 2, 2024, 12:22pm UTC](https://community.noloco.io/t/chart-labels-visble/1500 "2024-12-02T12:22:41Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![garyGHL](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/garyghl/32/555_2.png) [@garyGHL](https://community.noloco.io/u/garyGHL)\
**Post date:** [December 2, 2024, 12:22pm UTC](https://community.noloco.io/t/chart-labels-visble/1500/1 "2024-12-02T12:22:41Z")

</div>

Hi, not sure if this has been on the radar but I have many charts that I want to include in our annual sales meetings. I hoped to export or screenshot the chart but without labels its not very viewer friendly as an image.

Would it be possible to have the labels visible without hovering over each bar or pie?

Currently the chart exports as below, Id love to show the values without hover.

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/2X/8/85f9d4a01df2dedc6d7090307cc63a40bdc6e1ca.png)

Thank you

---

<div class="post-metadata">

**Author:** ![Sarah](https://avatars.discourse-cdn.com/v4/letter/s/9de053/32.png) [@Sarah](https://community.noloco.io/u/Sarah)\
**Post date:** [June 6, 2025, 6:38am UTC](https://community.noloco.io/t/chart-labels-visble/1500/2 "2025-06-06T06:38:08Z")

</div>

@darragh Any plans to implement this?

---

<div class="post-metadata">

**Author:** ![darragh](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/darragh/32/12_2.png) [@darragh](https://community.noloco.io/u/darragh)\
**Post date:** [June 6, 2025, 8:37am UTC](https://community.noloco.io/t/chart-labels-visble/1500/3 "2025-06-06T08:37:34Z")

</div>

You want to see the labels on the top of the bar, at all times?

Have you got a good example we can see for inspiration?

---

<div class="post-metadata">

**Author:** ![garyGHL](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/garyghl/32/555_2.png) [@garyGHL](https://community.noloco.io/u/garyGHL)\
**Post date:** [June 6, 2025, 8:46am UTC](https://community.noloco.io/t/chart-labels-visble/1500/4 "2025-06-06T08:46:58Z")

</div>

Here’s an example @darragh with labels above bar and data table below 🙂

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/2X/b/bab960239edeba3687f7dfd5da77295e9e510e97.png)

---

<div class="post-metadata">

**Author:** ![Sarah](https://avatars.discourse-cdn.com/v4/letter/s/9de053/32.png) [@Sarah](https://community.noloco.io/u/Sarah)\
**Post date:** [June 6, 2025, 8:58am UTC](https://community.noloco.io/t/chart-labels-visble/1500/5 "2025-06-06T08:58:05Z")

</div>

Here’s a very quick one I’ve done in Excel where I can have the option to show data labels if I choose to. I can also customise the colour and font size or choose whether it displays inside the bar or at the top.

In addition being able to add custom colours to the bars is very important. It’s an issue I’ve run into with the current system we use and the colours don’t fully represent the values e.g. If something is’ complete’ or ‘closed’ it should be green or ‘in progress’ should be ‘yellow’ etc. We don’t want to have instances where something could show green when it’s maybe overdue or something like that. Ideally showing the bar colours based on the values in the data source would be great.

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/2X/6/692a3688bf6c62d0448f68efaa1270b9573648fc.png)

---

<div class="post-metadata">

**Author:** ![darragh](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/darragh/32/12_2.png) [@darragh](https://community.noloco.io/u/darragh)\
**Post date:** [June 6, 2025, 9:01am UTC](https://community.noloco.io/t/chart-labels-visble/1500/6 "2025-06-06T09:01:31Z")

</div>

Thanks both! Really helpful to make sure we’re on the same page

---

<div class="post-metadata">

**Author:** ![garyGHL](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/garyghl/32/555_2.png) [@garyGHL](https://community.noloco.io/u/garyGHL)\
**Post date:** [June 6, 2025, 9:16am UTC](https://community.noloco.io/t/chart-labels-visble/1500/7 "2025-06-06T09:16:12Z")

</div>

Regarding the colours @darragh , I was trying to take one of the preset blue colours and change it to #c93879, spent hours trying to add my own css to match our brand but just cant find the selector for it, due to my lack of knowledge now doubt ☺

Maybe an option in app settings to create your own brand scheme colours, something like Canva do. Then apply this to certain charts, buttons etc.

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/2X/2/2d30eb5f4b28923d4dc00350c296f8424ebd8545.png)

---

<div class="post-metadata">

**Author:** ![darragh](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/darragh/32/12_2.png) [@darragh](https://community.noloco.io/u/darragh)\
**Post date:** [July 21, 2025, 3:08pm UTC](https://community.noloco.io/t/chart-labels-visble/1500/8 "2025-07-21T15:08:02Z")

</div>

Hey @garyGHL and @Sarah you can now enable chart labels on your bar and stacked bar charts to get the values on top of the charts as you described!

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/2X/b/b7ba2e894761e36ef83f81bd34e9653101a13f7d.png)

---

<div class="post-metadata">

**Author:** ![garyGHL](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/garyghl/32/555_2.png) [@garyGHL](https://community.noloco.io/u/garyGHL)\
**Post date:** [July 21, 2025, 3:27pm UTC](https://community.noloco.io/t/chart-labels-visble/1500/9 "2025-07-21T15:27:14Z")

</div>

Very nice, thank you @darragh & team 👍
