# NEW? Bar charts in Pages **URL:** \ **Category:** Ask for Help\ **Created:** [June 16, 2022, 10:11pm UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178 "2022-06-16T22:11:03Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![AyS\_0908](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ays_0908/32/27349_2.png) [@AyS\_0908](https://community.glideapps.com/u/AyS_0908)\ **Post date:** [June 16, 2022, 10:11pm UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/1 "2022-06-16T22:11:03Z")
![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/f/cf6feeae15119a0a6cd8d819ccfc543bc80355d2.png) ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [June 16, 2022, 11:58pm UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/2 "2022-06-16T23:58:42Z")
Yes, this is new. Thanks for sharing! ---
**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\ **Post date:** [June 17, 2022, 5:47am UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/3 "2022-06-17T05:47:08Z")
Good find thanks Playing now ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/9/3978f25daa665f274ee6b255e8c9812bc5d0d3a7.jpeg) ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [June 17, 2022, 2:20pm UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/4 "2022-06-17T14:20:52Z")
It works nicely…X-axis labels aren’t coming through though. ![CleanShot 2022-06-17 at 08.36.55@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/8/284babab8b90269f2a0e4caa701ea2c5e21a8c81.png) ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [June 17, 2022, 2:39pm UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/5 "2022-06-17T14:39:11Z")
yeah, and the chart title disappears if you put it inside a container with a dark background. But, I like it. I started building out some quickcharts for a Pages project today, and about halfway through it occurred to me that I should give these native charts a try - so I did. Pretty decent for a first release 👍 ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [June 17, 2022, 11:33pm UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/6 "2022-06-17T23:33:49Z")
On the left chart, that navigation to the “next” page is super cool, isn’t it? ---
**Author:** ![Steve\_Mitchell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/steve_mitchell/32/44256_2.png) [@Steve\_Mitchell](https://community.glideapps.com/u/Steve_Mitchell)\ **Post date:** [June 26, 2022, 9:38am UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/7 "2022-06-26T09:38:42Z")
Hi, in your screen grab your two charts are alongside each other. I’m looking to do this for up to 5 charts across the width of the page. I can only drop components “down” a form container. Am I missing something obvious? ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [June 26, 2022, 9:58am UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/8 "2022-06-26T09:58:23Z")
If you have them inside a container, you can have up to 4 charts side by side. ---
**Author:** ![Steve\_Mitchell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/steve_mitchell/32/44256_2.png) [@Steve\_Mitchell](https://community.glideapps.com/u/Steve_Mitchell)\ **Post date:** [June 26, 2022, 10:29am UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/9 "2022-06-26T10:29:17Z")
Thanks Darren. I’ll look again and see how I’ve got it configured. I’ll screenshot when I nail it! ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [June 26, 2022, 10:35am UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/10 "2022-06-26T10:35:36Z")
An alternative could be to use a single chart in a full size container, and then use a series of choice components to apply filtering and switch data sources. Here’s an example of how that can look: ---
**Author:** ![Steve\_Mitchell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/steve_mitchell/32/44256_2.png) [@Steve\_Mitchell](https://community.glideapps.com/u/Steve_Mitchell)\ **Post date:** [June 26, 2022, 10:41am UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/11 "2022-06-26T10:41:03Z")
that’s a great option. I’ll look at a few configurations. Thanks 👍 ---
**Author:** ![Steve\_Mitchell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/steve_mitchell/32/44256_2.png) [@Steve\_Mitchell](https://community.glideapps.com/u/Steve_Mitchell)\ **Post date:** [June 26, 2022, 10:58am UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/12 "2022-06-26T10:58:04Z")
Darren, got there just now. I was trying to use form containers!!! doh! Well on the way to what I need to get now. Thanks again. Mitch! ---
**Author:** ![darder](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darder/32/12788_2.png) [@darder](https://community.glideapps.com/u/darder)\ **Post date:** [June 26, 2022, 1:53pm UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/13 "2022-06-26T13:53:05Z")
That’s nice Darren! Do you know if there’s any tutorial available about how to apply filters to a chart? Thanks ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [June 26, 2022, 1:59pm UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/14 "2022-06-26T13:59:46Z")
That looks superb! ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [June 26, 2022, 2:13pm UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/15 "2022-06-26T14:13:21Z")
> [@darder](#): > > That’s nice Darren! Do you know if there’s any tutorial available about how to apply filters to a chart? In that example, the filters are just being applied to the underlying data. So you can use whatever method you’d usually use. In my case, I’m just using a combination of User Specific Columns → Single Values → If-then-else. There isn’t actually any filter conditions on the chart, it’s all driven by the underlying table logic. ---
**Author:** ![David\_Gabler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david_gabler/32/44332_2.png) [@David\_Gabler](https://community.glideapps.com/u/David_Gabler)\ **Post date:** [June 26, 2022, 5:35pm UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/16 "2022-06-26T17:35:26Z")
Hi, under the “options” on a chart, there is a “show filter”. For example, if you have a column set up with different categories per item, Glide will put each of those categories in a dropdown attached to the chart, allowing the user to select. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/a/5a2562616a9f5cdcd5ea909b4c72b330cc05be75.png) ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/6/c600ad6a08f1e949296547ec708ab3fbb07f55c1.png) ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [June 27, 2022, 12:38am UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/17 "2022-06-27T00:38:33Z")
This is super neat. Great enhancements for Pages. ---
**Author:** ![Carter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/carter/32/45004_2.png) [@Carter](https://community.glideapps.com/u/Carter)\ **Post date:** [July 7, 2022, 3:41pm UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/18 "2022-07-07T15:41:49Z")
Hello, it’s great but why can’t we use the charts like for mobile applications? Let me explain, in my “Contracts” column I have types of contracts for example “Car Insurance”. In the mobile app my graph shows the number of contracts I have by type of contract Like if I have 3 “Car insurance” The bars shows me 3. On Pages the graph displays all the contracts by type individually but I would like it to be grouped like in the mobile app. Do you know if it that possible ? Thanks ! ---
**Author:** ![erwblo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/erwblo/32/75_2.png) [@erwblo](https://community.glideapps.com/u/erwblo)\ **Post date:** [July 25, 2022, 12:53pm UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/19 "2022-07-25T12:53:35Z")
@Robert_Petitto is that still the case (X-axis labels not coming through?) ? So something wrong with Glide? During the past few days I’ve been trying everything, assuming it must be my fault 😉 ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [July 25, 2022, 12:55pm UTC](https://community.glideapps.com/t/new-bar-charts-in-pages/43178/20 "2022-07-25T12:55:34Z")
Yes, X-Axis labels on Bar Charts still don’t work. [Next page](https://community.glideapps.com/t/new-bar-charts-in-pages/43178.md?page=2)