# How to display values above columns in XY Chart? **URL:** \ **Category:** Ignition\ **Tags:** ignition80, perspective\ **Created:** [December 9, 2020, 1:14pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337 "2020-12-09T13:14:53Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\ **Post date:** [December 9, 2020, 1:14pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/1 "2020-12-09T13:14:53Z")
Can I display values above the column bars in an XY chart? Specifically, I’m showing daily water usage and I want to have the cost of the water per day on top of each of the daily bars: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/f/0f5b5ab20211ac643bfe4bab4ca84c5e925ce1ad.png) ---
**Author:** ![code\_skin](https://avatars.discourse-cdn.com/v4/letter/c/43a26b/32.png) [@code\_skin](https://forum.inductiveautomation.com/u/code_skin)\ **Post date:** [December 9, 2020, 2:39pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/2 "2020-12-09T14:39:39Z")
Doesn’t seem possible in 8.1.1-STABLE although it’s definitely possible in amcharts. Maybe we can get AmGraph() method exposed? Specifically, .labelText and .labelPosition This link is a user asking for values inside the bars because it’s currently at the top. > ---
**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\ **Post date:** [December 9, 2020, 8:10pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/3 "2020-12-09T20:10:37Z")
It’d be super nice if we could code this stuff ourselves like you could in Vision by drilling down to the base components… Instead of requiring IA to expose every single method/property for us to be able to make use of it 🤔 ---
**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\ **Post date:** [December 9, 2020, 8:41pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/4 "2020-12-09T20:41:40Z")
> [@nminchin](#): > > requiring IA to expose This is a fundamental requirement of a front-end/back-end architecture that is trying to keep the front-end secure. And uses different languages on the two ends. You are tilting at a windmill, here. ---
**Author:** ![peter](https://avatars.discourse-cdn.com/v4/letter/p/278dde/32.png) [@peter](https://forum.inductiveautomation.com/u/peter)\ **Post date:** [December 9, 2020, 10:37pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/5 "2020-12-09T22:37:00Z")
I know you want what you want, but how about simply adding a second Y axis of cost in dollars and drawing a line graph of the cost data across it? ---
**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\ **Post date:** [December 9, 2020, 10:42pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/6 "2020-12-09T22:42:34Z")
That was my fallback plan 🙂 ---
**Author:** ![peter](https://avatars.discourse-cdn.com/v4/letter/p/278dde/32.png) [@peter](https://forum.inductiveautomation.com/u/peter)\ **Post date:** [December 9, 2020, 10:48pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/7 "2020-12-09T22:48:30Z")
Sometimes it just makes sense to go with the flow and avoid the headaches by taking the path of least resistance 😁 ---
**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\ **Post date:** [June 29, 2021, 5:15am UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/8 "2021-06-29T05:15:42Z")
Any update for this. Adding another y axis is costly for memory and loading specially for large dataset ---
**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\ **Post date:** [February 2, 2022, 9:11pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/9 "2022-02-02T21:11:19Z")
Thanks Peter I don’t really know how to quote on here. ---
**Author:** ![tamerplc](https://avatars.discourse-cdn.com/v4/letter/t/d78d45/32.png) [@tamerplc](https://forum.inductiveautomation.com/u/tamerplc)\ **Post date:** [April 8, 2022, 8:20pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/10 "2022-04-08T20:20:03Z")
did you able to present text above or inside the bar? i didn’t able to added below props to XY Chart ```auto graph.labelText = '[[value]]'; // this will insert values in labels graph.labelPosition = 'inside'; // and with this we put our label inside bar ``` ---
**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\ **Post date:** [May 18, 2022, 6:40pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/11 "2022-05-18T18:40:01Z")
Tamerplc has a question above I also need to ask now though, how do I change the font using the technique that Peter suggested I added a line I set the stroke opacity 0 I enabled the bullets, set render for label set text on the label for {valueY} I adjusted the position with dx and dy by 10 and 10 but my text is large So I think I want smaller text, and maybe if possible, also round the value so when I put text : {valueY} maybe that is a spot I can put some css to change the font? Or maybe since I use 8.1.0, there is a way to set this bullet value, not sure how to reference it, but maybe from background I can do it > [@Time Series chart xtrace font](https://forum.inductiveautomation.com/t/time-series-chart-xtrace-font/55670/11): > > yes, just a space after the bracket [image] Then I need to know what the reference is for that text I think I am not good with css language, but also, I don't know how a person knows the name to call a setting from the property editor ---
**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\ **Post date:** [May 18, 2022, 9:10pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/12 "2022-05-18T21:10:14Z")
> [@zacharyw.larson](#): > > don’t really know how to quote on here Literally just select the text you want to quote and a context menu will show with a quote option ---
**Author:** ![g.cascales](https://avatars.discourse-cdn.com/v4/letter/g/71c47a/32.png) [@g.cascales](https://forum.inductiveautomation.com/u/g.cascales)\ **Post date:** [September 6, 2022, 2:51pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/13 "2022-09-06T14:51:47Z")
Hello @nminchin Were you finally able to do this? I just literally want to show the values of each bar column above it: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/f/efd37b4dabaa2cef8b954492c3ca1b06e91e0518.png) I have seen this, but I do not know where to find/place it. " graph.labelText = ‘[[value]]’; // this will insert values in labels graph.labelPosition = ‘inside’; // and with this we put our label inside bar " ---
**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\ **Post date:** [September 19, 2022, 7:26pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/14 "2022-09-19T19:26:37Z")
> [@zacharyw.larson](#): > > I added a line > I set the stroke opacity 0 > I enabled the bullets, set render for label > set text on the label for {valueY} > I adjusted the position with dx and dy by 10 and 10 Can do it this way. ---
**Author:** ![Thomas\_Magill](https://avatars.discourse-cdn.com/v4/letter/t/65b543/32.png) [@Thomas\_Magill](https://forum.inductiveautomation.com/u/Thomas_Magill)\ **Post date:** [September 11, 2023, 3:22pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/15 "2023-09-11T15:22:59Z")
Were you ever able to get this done? I was easily able to perform this on a Report bar graph, but cannot find the setting (if it exists) on a simple XYChart. ![barGraph](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/e/beefcca1a86529c93acd2c0d1d2bc7203883995e.png) ---
**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\ **Post date:** [September 11, 2023, 5:58pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/16 "2023-09-11T17:58:31Z")
Yes, it is above in this thread.@Thomas_Magill. > [@zacharyw.larson](#): > > I added a line > I set the stroke opacity 0 > I enabled the bullets, set render for label > set text on the label for {valueY} > I adjusted the position with dx and dy by 10 and 10 ---
**Author:** ![Thomas\_Magill](https://avatars.discourse-cdn.com/v4/letter/t/65b543/32.png) [@Thomas\_Magill](https://forum.inductiveautomation.com/u/Thomas_Magill)\ **Post date:** [September 13, 2023, 3:57pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/17 "2023-09-13T15:57:43Z")
I was able to get this done, the way it was suggested here, but the visualizations on this post helped a lot [Perspective Bar Chart value labels - Ignition - Inductive Automation Forum](https://forum.inductiveautomation.com/t/perspective-bar-chart-value-labels/30531/2) ---
**Author:** ![Eric\_Meyer](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/eric_meyer/32/72323_2.png) [@Eric\_Meyer](https://forum.inductiveautomation.com/u/Eric_Meyer)\ **Post date:** [March 18, 2025, 8:26pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/18 "2025-03-18T20:26:36Z")
This is incredibly helpful! Thanks! ---
**Author:** ![Eric\_Meyer](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/eric_meyer/32/72323_2.png) [@Eric\_Meyer](https://forum.inductiveautomation.com/u/Eric_Meyer)\ **Post date:** [March 19, 2025, 1:52pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/19 "2025-03-19T13:52:21Z")
Follow up question on this subject...what is the best way to adjust font size on this stepline -- bullet label? ![Barchart Total Stepline Label Settings](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/f/ff39c9311c5e3f7e11bfe2af38b8d5654563554c.png) ---
**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\ **Post date:** [March 19, 2025, 4:03pm UTC](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/20 "2025-03-19T16:03:49Z")
See if this helps: [XY Chart - Bullets and label - #2 by Ujwal\_Wankhede](https://forum.inductiveautomation.com/t/xy-chart-bullets-and-label/92840/2). [Next page](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337.md?page=2)