We have updated Flexmonster Software License Agreement, effective as of September 30, 2024. Learn more about what’s changed.

How to add numbers to the bar charts

Answered
Mark Anderson asked on April 5, 2023

Hi, 
We would like to know if there is a way to add number labels to the bar charts. 
It is there when we hover on the bar, but we would like to add that on chart load.
We have attached a image for your reference. 
 
Thanks

Attachments:
flexmonster.png

3 answers

Public
Solomiia Andrusiv Solomiia Andrusiv Flexmonster April 5, 2023

Hello, Mark!
 
Thank you for contacting us.
 
Kindly note that it is possible to show number labels on a chart by using showDataLabels property as follows:

options: {
      viewType: "charts",
      chart: {
        type: "column",
        showDataLabels: true
      }
 }

Here is a JSFiddle example for reference: https://jsfiddle.net/flexmonster/dtxLea0z/.
You can look through the list of all available chart properties in our docs: https://www.flexmonster.com/doc/options/#chart.
 
Hope you will find our answer helpful.
 
Kind regards,
Solomiia
 

Public
Solomiia Andrusiv Solomiia Andrusiv Flexmonster April 12, 2023

Hello, Mark!

Hope you are doing well.

Our team is wondering if you had some time to try the showDataLabels property. Could you please let us know if it works well for your case?

Looking forward to hearing from you.

Regards,
Solomiia

Public
Solomiia Andrusiv Solomiia Andrusiv Flexmonster April 27, 2023

Hello, Mark!

Hope everything is well.

Just checking in to ask if the showDataLabels property was helpful for your case.

Looking forward to your feedback.

Kind regards,
Solomiia

Please login or Register to Submit Answer