Numbers are not visible on bar chart

Jay.p
Jay.p Member
in Cards, Dashboards, Stories

How to fix the data lables so user can see the data without hover over the bar?

At widths of 70 or less, the data labels are overlapping and not clearly readable

Screenshot 2025-05-07 105629.png

At widths of 70 or less, the data labels are overlapping and not clearly readable. This is too close, and the data labels are very tight and not visually easy to understand. Hence, I want to keep the bar width less than 70.

Screenshot 2025-05-07 105528.png

If I uncheck the overlap option, the bar values disappeared.

Screenshot 2025-05-07 110328.png
Tagged:

Answers

  • brycec
    brycec Coach

    You can use the option data label settings > rotate.

    image.png image.png

    Was this comment helpful? Click Agree or Like below.
    Did this comment solve your problem? Accept it as the solution!

  • Jay.p
    Jay.p Member

    Hii brycec

    Is there any other way to keep it horizontally and data labels adjusted itself when bars/labels are tight? Something like this!

    image.png
  • brycec
    brycec Coach

    Something like your screenshot isn't natively supported. You can always use a brick or pro-code app to use a different charting library like D3.js.

    Whenever I have long data labels or y-axis values, and I don't have a date/time x-axis, I change to use a horizontal bar chart.

    image.png

    Was this comment helpful? Click Agree or Like below.
    Did this comment solve your problem? Accept it as the solution!

  • Jay.p
    Jay.p Member

    Agreed, thanks a lot for your time and efforts. The resources which you shared are super useful.

Categories