# \[Solved\] Chart API help needed **URL:** \ **Category:** Questions about Thunkable X\ **Tags:** solved, webapi, data-visualization\ **Created:** [February 24, 2020, 4:21pm UTC](https://community.thunkable.com/t/solved-chart-api-help-needed/482183 "2020-02-24T16:21:18Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\ **Post date:** [February 24, 2020, 4:21pm UTC](https://community.thunkable.com/t/solved-chart-api-help-needed/482183/1 "2020-02-24T16:21:18Z")
I am using the [quickchart.io](http://quickchart.io) qr generator so that I may send an image of the qr code generated during chart creation so instead of sending a long comliacated URL, i send just the image. I have been trying to use both their URL shortener and the QR generator for a week with no luck so i am turning here. here is a link to the test app [https://x.thunkable.com/copy/b22d3bd3325313b258760f241227f31f](https://x.thunkable.com/copy/b22d3bd3325313b258760f241227f31f) you will see on screen 2, the URL for the webviewer has some actual chart configurations I am trying to shorten. That will give you an example of why i need this services so badly. I cant send that URL to anyone and have it easily direct them to anything. Can anyone help me with this API POST call? Here is what i have done so far ![Screen Shot 2020-02-24 at 11.01.04 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/b/fbd1db3a33016a45609c64beadce7c3c51df4389.png) and here is their documentation on the API POST ![Screen Shot 2020-02-24 at 11.05.25 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/3/03f50050b5156f67753d07691fcc48e8f86edd7c.png) i think I am doing it right, but I would love a second pair of eyes. I have contacted the quickcharts admin and he let me know the service is working, just not for me due to the way I am forming the POST call 😢 when it works, as shown by the site, the url looks like this [![](https://quickchart.io/chart/render/9a560ba4-ab71-4d1e-89ea-ce4741e9d232) ](https://quickchart.io/chart/render/9a560ba4-ab71-4d1e-89ea-ce4741e9d232) and produces a chart like this ![Screen Shot 2020-02-24 at 11.16.35 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/3/b37b8bf925a754b65222621188bc3ab6ce1be09f.png) ---
**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\ **Post date:** [February 24, 2020, 4:54pm UTC](https://community.thunkable.com/t/solved-chart-api-help-needed/482183/2 "2020-02-24T16:54:55Z")
Hi Jared, While I haven’t managed to make this work with just blocks yet, if you add the header **Content-Type:application/json** to the Web API component in the Design tab, you will be able to make a successful API POST. We’re going to look into whether there is something affecting the performance of the ‘set Headers’ block. ---
**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\ **Post date:** [February 24, 2020, 5:00pm UTC](https://community.thunkable.com/t/solved-chart-api-help-needed/482183/3 "2020-02-24T17:00:04Z")
Hi @Jane thank you for looking into this, Could you share a link back with me showing that working? I did as you stated and took it out of the blocks and placed it into the design tab with no success. I get ‘failed to fetch’ ![Screen Shot 2020-02-24 at 11.46.49 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f1554c407a15b02943ebf80c67f11c3e2171d01.png) ![Screen Shot 2020-02-24 at 11.46.43 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/5/3581a4d329be992f56a32a62702245030b279394.png) ---
**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\ **Post date:** [February 24, 2020, 5:11pm UTC](https://community.thunkable.com/t/solved-chart-api-help-needed/482183/4 "2020-02-24T17:11:15Z")
That’s the only thing I changed. This version of the app returns a URL for me: [https://x.thunkable.com/copy/c79a7fa8082a7d27b0ebac4615f2f311](https://x.thunkable.com/copy/c79a7fa8082a7d27b0ebac4615f2f311) ---
**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\ **Post date:** [February 24, 2020, 5:21pm UTC](https://community.thunkable.com/t/solved-chart-api-help-needed/482183/5 "2020-02-24T17:21:17Z")
Hey Jane! I got it figured out. For some reason, this works perfectly on my phone but not my browser. Thank you soooooooo much. No more encoding URL’s for these dang charts! ![giphy (11)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/6/369a6df13f171433941e76a9fbd1efe88ead69f5.gif) ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [February 24, 2020, 5:31pm UTC](https://community.thunkable.com/t/solved-chart-api-help-needed/482183/6 "2020-02-24T17:31:36Z")
Looks good! Ok to mark this as “solved” so and we can add this to the web previewer to do list? ---
**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\ **Post date:** [February 24, 2020, 5:32pm UTC](https://community.thunkable.com/t/solved-chart-api-help-needed/482183/7 "2020-02-24T17:32:10Z")
yessir! ---
**Author:** ![teamzaddysn9m](https://avatars.discourse-cdn.com/v4/letter/t/e480ec/32.png) [@teamzaddysn9m](https://community.thunkable.com/u/teamzaddysn9m)\ **Post date:** [November 22, 2021, 7:10am UTC](https://community.thunkable.com/t/solved-chart-api-help-needed/482183/8 "2021-11-22T07:10:57Z")
Hi may I ask where do you get the quickchart invisible component? Thank You. ---
**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\ **Post date:** [November 22, 2021, 7:55am UTC](https://community.thunkable.com/t/solved-chart-api-help-needed/482183/9 "2021-11-22T07:55:47Z")
> [@teamzaddysn9m](#): > > where do you get the quickchart invisible component? There is no **quickchart invisible component**. The component is a `Web API`. ---
**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\ **Post date:** [November 8, 2024, 11:40am UTC](https://community.thunkable.com/t/solved-chart-api-help-needed/482183/10 "2024-11-08T11:40:52Z")