# šŸ˜ Quickchart.io: the Cloudinary of Charts ā€”on the fly charts! **URL:** \ **Category:** Community Resources\ **Created:** [September 17, 2020, 2:11pm UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946 "2020-09-17T14:11:20Z")\ **Posts on this page:** 12\ **Page:** 10
**Author:** ![Ehsan](https://avatars.discourse-cdn.com/v4/letter/e/96bed5/32.png) [@Ehsan](https://community.glideapps.com/u/Ehsan)\ **Post date:** [December 13, 2023, 5:17am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/181 "2023-12-13T05:17:19Z")
Iā€™ve encountered a problem with templates that I generate using Quickchart. Links stop working after a few days and I need to regenerate a template link to be able to show charts in the app again. Anyone here with the same issue? ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [December 13, 2023, 5:47am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/182 "2023-12-13T05:47:17Z")
We typically donā€™t use quickchart templates. Normally we build out the full url which includes both the data and the chart design without saving it as a template. > **[Documentation | QuickChart](https://quickchart.io/documentation/)** > > QuickChart is a web service that generates chart images on-the-fly. These images are suitable for embedding in email, SMS, chatbots, and other formats. Charts are rendered by Chart.js, a popular open-source charting library. ---
**Author:** ![Nopparat\_Tongsak](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nopparat_tongsak/32/56202_2.png) [@Nopparat\_Tongsak](https://community.glideapps.com/u/Nopparat_Tongsak)\ **Post date:** [February 17, 2024, 12:10am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/183 "2024-02-17T00:10:27Z")
![2024-02-17_07-01-53](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/0/d0ee18a68d79534e73e95dc894500c0b5efe0313.jpeg) (1) put number āœ… (2) put parameter work in browser but it shows this error in glide ![2024-02-17_07-09-18](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/b/4b984600c02ea876edfba2b086e725571998a953.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:** [February 17, 2024, 12:28am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/184 "2024-02-17T00:28:22Z")
Can you explain what you mean by ā€œwork in browserā€? ---
**Author:** ![Nopparat\_Tongsak](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nopparat_tongsak/32/56202_2.png) [@Nopparat\_Tongsak](https://community.glideapps.com/u/Nopparat_Tongsak)\ **Post date:** [February 17, 2024, 12:33am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/185 "2024-02-17T00:33:40Z")
(2) I copy the construct URL and put in browser it works ---
**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:** [February 17, 2024, 12:34am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/186 "2024-02-17T00:34:45Z")
Can you copy your full template column here in a comment, and a sample URL that works in the browser for us to test? ---
**Author:** ![Nopparat\_Tongsak](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nopparat_tongsak/32/56202_2.png) [@Nopparat\_Tongsak](https://community.glideapps.com/u/Nopparat_Tongsak)\ **Post date:** [February 17, 2024, 12:41am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/187 "2024-02-17T00:41:27Z")
```auto { type: 'gauge', data: { datasets: [ { value: _Q_, data: [250, 750, 3000], backgroundColor: ['blue', 'green', 'Orange'], borderWidth: 2, }, ], }, options: { valueLabel: { fontSize: 22, backgroundColor: 'transparent', color: '#000', formatter: function (value, context) { return value + ' POINT'; }, bottomMarginPercentage: 10, }, }, } ``` [work url](https://quickchart.io/chart?v=2.9.4&c=%7B%0A%20%20type%3A%20'gauge'%2C%0A%20%20data%3A%20%7B%0A%20%20%20%20datasets%3A%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20value%3A%202000%2C%0A%20%20%20%20%20%20%20%20data%3A%20%5B250%2C%20750%2C%203000%5D%2C%0A%20%20%20%20%20%20%20%20backgroundColor%3A%20%5B'blue'%2C%20'green'%2C%20'Orange'%5D%2C%0A%20%20%20%20%20%20%20%20borderWidth%3A%202%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%5D%2C%0A%20%20%7D%2C%0A%20%20options%3A%20%7B%0A%20%20%20%20valueLabel%3A%20%7B%0A%20%20%20%20%20%20fontSize%3A%2022%2C%0A%20%20%20%20%20%20backgroundColor%3A%20'transparent'%2C%0A%20%20%20%20%20%20color%3A%20'%23000'%2C%0A%20%20%20%20%20%20formatter%3A%20function%20(value%2C%20context)%20%7B%0A%20%20%20%20%20%20%20%20return%20value%20%2B%20'%20POINT'%3B%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20bottomMarginPercentage%3A%2010%2C%0A%20%20%20%20%7D%2C%0A%20%20%7D%2C%0A%7D&w=300&h=150) ---
**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:** [February 17, 2024, 3:02am UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/188 "2024-02-17T03:02:49Z")
> [@Nopparat\_Tongsak](#): > > put parameter work in browser but it shows this error in glide Does the number contain any formatting or separators, etc? quickchart expects a number, not a string. If you pass something like `75%` or `1500 THB` (for example), it will break. ---
**Author:** ![Nopparat\_Tongsak](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nopparat_tongsak/32/56202_2.png) [@Nopparat\_Tongsak](https://community.glideapps.com/u/Nopparat_Tongsak)\ **Post date:** [February 17, 2024, 12:12pm UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/189 "2024-02-17T12:12:46Z")
![2024-02-17_19-12-03](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/2/a2db3169e367c77bf17613e8d5ae01928f9ef403.jpeg) hereā€™s the setting of the number send ---
**Author:** ![Nopparat\_Tongsak](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nopparat_tongsak/32/56202_2.png) [@Nopparat\_Tongsak](https://community.glideapps.com/u/Nopparat_Tongsak)\ **Post date:** [February 17, 2024, 12:19pm UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/190 "2024-02-17T12:19:48Z")
try again ,without change it 's working. Thank you ---
**Author:** ![corbmore](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/corbmore/32/69365_2.png) [@corbmore](https://community.glideapps.com/u/corbmore)\ **Post date:** [February 23, 2024, 4:58pm UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/191 "2024-02-23T16:58:26Z")
Hey all, Very Basic Questionā€¦Iā€™m having troubles integrating my QC into glide. Hereā€™s the basic setupā€¦ 3 columns. (Month, Widgets, Chart Template) There will be ~ 50 rows of data. Here is my QC template inputā€¦ [https://quickchart.io/chart?c={type:ā€˜lineā€™,data:{labels:[Month],datasets:[{label:ā€˜Productionā€™,data:[Widgets],fill:false,borderColor:ā€˜blueā€™},](https://quickchart.io/chart?c=%7Btype:'line',data:%7Blabels:%5BMonth%5D,datasets:%5B%7Blabel:'Production',data:%5BWidgets%5D,fill:false,borderColor:'blue'%7D,)]}} Then I have the appropriate replacements of ā€œmonthā€ and ā€œwidgetsā€ to their respective columns in my Glide tables. When I create an image in Layout and direct it to my ā€œChart Templateā€ it is only plotting the first data point (1st row). How do I plot the entire column? What am I doing wrong? ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [February 23, 2024, 6:03pm UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/192 "2024-02-23T18:03:37Z")
You will need a Joined List column to get data from multiple rows. Then you can merge that joined list into your template. [Previous page](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946.md?page=9)