# How to add horizontal values in a circle graph
**URL:** https://community.glideapps.com/t/how-to-add-horizontal-values-in-a-circle-graph/28961
**Category:** Ask for Help
**Created:** [July 11, 2021, 11:31am UTC](https://community.glideapps.com/t/how-to-add-horizontal-values-in-a-circle-graph/28961 "2021-07-11T11:31:23Z")
**Posts on this page:** 11
**Page:** 1
### Author:  [@Sidney\_Kunst](https://community.glideapps.com/u/Sidney_Kunst)
#### Post date: [July 11, 2021, 11:31am UTC](https://community.glideapps.com/t/how-to-add-horizontal-values-in-a-circle-graph/28961/1 "2021-07-11T11:31:23Z")
So the circle chart is beautiful. But I only a way to make it work with vertical data.
But how do I make it read horizontal data?
| Product Brand | Product Detail Views | Product Checkouts | Unique Purchases |
| --- | --- | --- | --- |
| Finance | 286 | 14 | 1 |
| Overige kantoor | 75 | 14 | 6 |
| HR | 328 | 20 | 9 |
So the numbers 286, 14 and 1 need to be shown in the circle chart
Anybody know a sollution?
---
### Author:  [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [July 11, 2021, 11:45am UTC](https://community.glideapps.com/t/how-to-add-horizontal-values-in-a-circle-graph/28961/2 "2021-07-11T11:45:25Z")
How do you expect the chart to look like with those columns? The full circle would be 286, then checkout and unique purchases are portions of that circle?
---
### Author:  [@wjcv06](https://community.glideapps.com/u/wjcv06)
#### Post date: [July 11, 2021, 2:37pm UTC](https://community.glideapps.com/t/how-to-add-horizontal-values-in-a-circle-graph/28961/3 "2021-07-11T14:37:18Z")
Use a template column to form this:
[Chart](https://quickchart.io/chart?c=%7Btype:%27pie%27,data:%7Blabels:%5B%27January%27,%27February%27,%20%27March%27,%27April%27,%20%27May%27%5D,%20datasets:%5B%7Bdata:%5B50,60,70,180,190%5D%7D%5D%7D%7D)
More info:
[https://quickchart.io/documentation/chart-js/custom-pie-doughnut-chart-labels/](https://quickchart.io/documentation/chart-js/custom-pie-doughnut-chart-labels/)
---
### Author:  [@Sidney\_Kunst](https://community.glideapps.com/u/Sidney_Kunst)
#### Post date: [July 13, 2021, 8:24am UTC](https://community.glideapps.com/t/how-to-add-horizontal-values-in-a-circle-graph/28961/4 "2021-07-13T08:24:06Z")
no 286+14+1 would be a full circle. Just like it works right now. but then with horizontal values
---
### Author:  [@Sidney\_Kunst](https://community.glideapps.com/u/Sidney_Kunst)
#### Post date: [July 13, 2021, 9:17am UTC](https://community.glideapps.com/t/how-to-add-horizontal-values-in-a-circle-graph/28961/5 "2021-07-13T09:17:29Z")
A template column with js or with the link? (testing it)
---
### Author:  [@Sidney\_Kunst](https://community.glideapps.com/u/Sidney_Kunst)
#### Post date: [July 13, 2021, 9:47am UTC](https://community.glideapps.com/t/how-to-add-horizontal-values-in-a-circle-graph/28961/6 "2021-07-13T09:47:02Z")
Thanks mate, works like a charm. Not a glide-way, but it works!
---
### Author:  [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [July 13, 2021, 10:13am UTC](https://community.glideapps.com/t/how-to-add-horizontal-values-in-a-circle-graph/28961/7 "2021-07-13T10:13:22Z")
We use Quickchart a lot. In my opinion Glide’s chart is limited compared to what Quickchart can provide. A bit of diving in their sandbox environment, a bit of effort to construct the right data to pass in, then copy the sandbox result code back to a construct URL column, then you have a really good chart to display.
---
### Author:  [@nathanaelb](https://community.glideapps.com/u/nathanaelb)
#### Post date: [July 13, 2021, 11:45am UTC](https://community.glideapps.com/t/how-to-add-horizontal-values-in-a-circle-graph/28961/8 "2021-07-13T11:45:30Z")
Any idea if Quickchart allows funnels? I don’t see that option in their chart gallery. A funnel might be what @Sidney_Kunst is looking for (view → cart → purchase).
---
### Author:  [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [July 13, 2021, 12:02pm UTC](https://community.glideapps.com/t/how-to-add-horizontal-values-in-a-circle-graph/28961/9 "2021-07-13T12:02:18Z")
Since Quickchart is built on Chart.js I hope that this applies as well.
> **[chartjs/Chart.BarFunnel.js](https://github.com/chartjs/Chart.BarFunnel.js)**
>
> Bar Funnel Chart extension for Chart.js. Contribute to chartjs/Chart.BarFunnel.js development by creating an account on GitHub.
---
### Author:  [@nathanaelb](https://community.glideapps.com/u/nathanaelb)
#### Post date: [July 13, 2021, 12:05pm UTC](https://community.glideapps.com/t/how-to-add-horizontal-values-in-a-circle-graph/28961/10 "2021-07-13T12:05:49Z")
The bar chart will work. Not the prettiest for data visualization purposes, but it’ll work.
For a funnel, I had something like this in mind. It’s quite visual:
---
### Author:  [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)
#### Post date: [January 17, 2024, 4:51pm UTC](https://community.glideapps.com/t/how-to-add-horizontal-values-in-a-circle-graph/28961/11 "2024-01-17T16:51:27Z")