# Image Component Quick chart URL crash

**URL:** <https://forum.adalo.com/t/image-component-quick-chart-url-crash/9574>\
**Category:** Get Help\
**Created:** [February 23, 2021, 1:32pm UTC](https://forum.adalo.com/t/image-component-quick-chart-url-crash/9574 "2021-02-23T13:32:08Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![don](https://avatars.discourse-cdn.com/v4/letter/d/ed655f/32.png) [@don](https://forum.adalo.com/u/don)\
**Post date:** [February 23, 2021, 1:32pm UTC](https://forum.adalo.com/t/image-component-quick-chart-url-crash/9574/1 "2021-02-23T13:32:08Z")

</div>

Everytime i add an image and use a quick chart URL it works fine but when i replace the data with magic text the image crashes the whole app  
[https://quickchart.io/chart?bkg=white&c={ %20%20type%3A%20’line’%2C %20%20data%3A%20{ %20%20%20%20labels%3A%20[‘Jan’%2C%20’Feb’%2C%20’Mar’%2C%20’Apr’%2C%20’May’%2C%20’Jun’%2C%20’Jul’%2C%20’Aug’%2C%20’Sep’%2C%20’Oct’%2C%20’Nov’%2C%20’Dec’]%2C %20%20%20%20datasets%3A%20[%20%20%20%20%20%20{ %20%20%20%20%20%20%20%20label%3A%20’Maximum%20Temp’%2C %20%20%20%20%20%20%20%20backgroundColor%3A%20’rgb(252%2C%203%2C%203)‘%2C %20%20%20%20%20%20%20%20borderColor%3A%20’rgb(252%2C%203%2C%203)’%2C %20%20%20%20%20%20%20%20data%3A%20[29%2C%2029%2C%2030%2C%2030%2C%2030%2C%2030%2C%2030%2C%2030%2C%2030%2C%2030%2C%2030%2C%2030]%2C %20%20%20%20%20%20%20%20fill%3A%20false%2C %20%20%20%20%20%20}%2C %20%20%20%20%20%20{ %20%20%20%20%20%20%20%20label%3A%20’Minimum%20Temp’%2C %20%20%20%20%20%20%20%20fill%3A%20false%2C %20%20%20%20%20%20%20%20backgroundColor%3A%20’rgb(54%2C%20162%2C%20235)‘%2C %20%20%20%20%20%20%20%20borderColor%3A%20’rgb(54%2C%20162%2C%20235)’%2C %20%20%20%20%20%20%20%20data%3A%20[23%2C%2024%2C%2025%2C%2025%2C%2026%2C%2026%2C%2026%2C%2026%2C%2025%2C%2025%2C%2025%2C%2024]%2C %20%20%20%20%20%20}%2C %20%20%20%20]%2C %20%20}%2C %20%20options%3A%20{ %20%20%20%20title%3A%20{ %20%20%20%20%20%20display%3A%20true%2C %20%20%20%20%20%20text%3A%20’Average%20Temperature%20in%20Degrees%20Celsius’%2C %20%20%20%20}%2C %20%20}%2C }](https://quickchart.io/chart?bkg=white&c=%7B%0A%20%20type%3A%20%27line%27%2C%0A%20%20data%3A%20%7B%0A%20%20%20%20labels%3A%20%5B%27Jan%27%2C%20%27Feb%27%2C%20%27Mar%27%2C%20%27Apr%27%2C%20%27May%27%2C%20%27Jun%27%2C%20%27Jul%27%2C%20%27Aug%27%2C%20%27Sep%27%2C%20%27Oct%27%2C%20%27Nov%27%2C%20%27Dec%27%5D%2C%0A%20%20%20%20datasets%3A%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20label%3A%20%27Maximum%20Temp%27%2C%0A%20%20%20%20%20%20%20%20backgroundColor%3A%20%27rgb(252%2C%203%2C%203)%27%2C%0A%20%20%20%20%20%20%20%20borderColor%3A%20%27rgb(252%2C%203%2C%203)%27%2C%0A%20%20%20%20%20%20%20%20data%3A%20%5B29%2C%2029%2C%2030%2C%2030%2C%2030%2C%2030%2C%2030%2C%2030%2C%2030%2C%2030%2C%2030%2C%2030%5D%2C%0A%20%20%20%20%20%20%20%20fill%3A%20false%2C%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20label%3A%20%27Minimum%20Temp%27%2C%0A%20%20%20%20%20%20%20%20fill%3A%20false%2C%0A%20%20%20%20%20%20%20%20backgroundColor%3A%20%27rgb(54%2C%20162%2C%20235)%27%2C%0A%20%20%20%20%20%20%20%20borderColor%3A%20%27rgb(54%2C%20162%2C%20235)%27%2C%0A%20%20%20%20%20%20%20%20data%3A%20%5B23%2C%2024%2C%2025%2C%2025%2C%2026%2C%2026%2C%2026%2C%2026%2C%2025%2C%2025%2C%2025%2C%2024%5D%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%20title%3A%20%7B%0A%20%20%20%20%20%20display%3A%20true%2C%0A%20%20%20%20%20%20text%3A%20%27Average%20Temperature%20in%20Degrees%20Celsius%27%2C%0A%20%20%20%20%7D%2C%0A%20%20%7D%2C%0A%7D%0A)

And this one

[https://quickchart.io/chart?bkg=white&c={ %20%20"type"%3A%20"bar"%2C %20%20"data"%3A%20{ %20%20%20%20"labels"%3A%20[%20%20%20%20%20%20"Jan"%2C %20%20%20%20%20%20"Feb"%2C %20%20%20%20%20%20"Mar"%2C %20%20%20%20%20%20"Apr"%2C %20%20%20%20%20%20"May"%2C %20%20%20%20%20%20"Jun"%2C %20%20%20%20%20%20"Jul"%2C %20%20%20%20%20%20"Aug"%2C %20%20%20%20%20%20"Sep"%2C %20%20%20%20%20%20"Oct"%2C %20%20%20%20%20%20"Nov"%2C %20%20%20%20%20%20"Dec" %20%20%20%20]%2C %20%20%20%20"datasets"%3A%20[%20%20%20%20%20%20{ %20%20%20%20%20%20%20%20"label"%3A%20"Average%20Precipitation"%2C %20%20%20%20%20%20%20%20"backgroundColor"%3A%20"rgba(3%2C%20144%2C%20252%2C%200.5)“%2C %20%20%20%20%20%20%20%20"borderColor”%3A%20"rgb(3%2C%20144%2C%20252)“%2C %20%20%20%20%20%20%20%20"borderWidth”%3A%201%2C %20%20%20%20%20%20%20%20"data"%3A%20[ %20%20%20%20%20%20%20%20%20%200%2C %20%20%20%20%20%20%20%20%20%200%2C %20%20%20%20%20%20%20%20%20%200%2C %20%20%20%20%20%20%20%20%20%2020%2C %20%20%20%20%20%20%20%20%20%2090%2C %20%20%20%20%20%20%20%20%20%20100%2C %20%20%20%20%20%20%20%20%20%2080%2C %20%20%20%20%20%20%20%20%20%20110%2C %20%20%20%20%20%20%20%20%20%20130%2C %20%20%20%20%20%20%20%20%20%20220%2C %20%20%20%20%20%20%20%20%20%20130%2C %20%20%20%20%20%20%20%20%20%2030 %20%20%20%20%20%20%20%20] %20%20%20%20%20%20} %20%20%20%20] %20%20}%2C %20%20"options"%3A%20{ %20%20%20%20"responsive"%3A%20true%2C %20%20%20%20"legend"%3A%20{ %20%20%20%20%20%20"position"%3A%20"top" %20%20%20%20}%2C %20%20%20%20"title"%3A%20{ %20%20%20%20%20%20"display"%3A%20true%2C %20%20%20%20%20%20"text"%3A%20"Average%20Precipitation%20in%20mm" %20%20%20%20}%2C %20%20%20%20"plugins"%3A%20{ %20%20%20%20%20%20"roundedBars"%3A%20true%20 %20%20%20%20} %20%20} }](https://quickchart.io/chart?bkg=white&c=%7B%0A%20%20%22type%22%3A%20%22bar%22%2C%0A%20%20%22data%22%3A%20%7B%0A%20%20%20%20%22labels%22%3A%20%5B%0A%20%20%20%20%20%20%22Jan%22%2C%0A%20%20%20%20%20%20%22Feb%22%2C%0A%20%20%20%20%20%20%22Mar%22%2C%0A%20%20%20%20%20%20%22Apr%22%2C%0A%20%20%20%20%20%20%22May%22%2C%0A%20%20%20%20%20%20%22Jun%22%2C%0A%20%20%20%20%20%20%22Jul%22%2C%0A%20%20%20%20%20%20%22Aug%22%2C%0A%20%20%20%20%20%20%22Sep%22%2C%0A%20%20%20%20%20%20%22Oct%22%2C%0A%20%20%20%20%20%20%22Nov%22%2C%0A%20%20%20%20%20%20%22Dec%22%0A%20%20%20%20%5D%2C%0A%20%20%20%20%22datasets%22%3A%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%22label%22%3A%20%22Average%20Precipitation%22%2C%0A%20%20%20%20%20%20%20%20%22backgroundColor%22%3A%20%22rgba(3%2C%20144%2C%20252%2C%200.5)%22%2C%0A%20%20%20%20%20%20%20%20%22borderColor%22%3A%20%22rgb(3%2C%20144%2C%20252)%22%2C%0A%20%20%20%20%20%20%20%20%22borderWidth%22%3A%201%2C%0A%20%20%20%20%20%20%20%20%22data%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%200%2C%0A%20%20%20%20%20%20%20%20%20%200%2C%0A%20%20%20%20%20%20%20%20%20%200%2C%0A%20%20%20%20%20%20%20%20%20%2020%2C%0A%20%20%20%20%20%20%20%20%20%2090%2C%0A%20%20%20%20%20%20%20%20%20%20100%2C%0A%20%20%20%20%20%20%20%20%20%2080%2C%0A%20%20%20%20%20%20%20%20%20%20110%2C%0A%20%20%20%20%20%20%20%20%20%20130%2C%0A%20%20%20%20%20%20%20%20%20%20220%2C%0A%20%20%20%20%20%20%20%20%20%20130%2C%0A%20%20%20%20%20%20%20%20%20%2030%0A%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%5D%0A%20%20%7D%2C%0A%20%20%22options%22%3A%20%7B%0A%20%20%20%20%22responsive%22%3A%20true%2C%0A%20%20%20%20%22legend%22%3A%20%7B%0A%20%20%20%20%20%20%22position%22%3A%20%22top%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22title%22%3A%20%7B%0A%20%20%20%20%20%20%22display%22%3A%20true%2C%0A%20%20%20%20%20%20%22text%22%3A%20%22Average%20Precipitation%20in%20mm%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22plugins%22%3A%20%7B%0A%20%20%20%20%20%20%22roundedBars%22%3A%20true%20%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D)

Please see attachements

 ![screenshot-app.adalo.com-2021.02.22-10_18_11](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/5/54be3173ff770e57c74f3f51e7bbaf990fdcc8eb.png) ![screenshot-app.adalo.com-2021.02.22-10_16_55](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/0/047c29fb05031c6bd833ec37881c136f43b1d2b1.png) ![screenshot-app.adalo.com-2021.02.22-10_16_25](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/1/121697a448c16c989019dd03984ec1425288f2db.png) ![screenshot-app.adalo.com-2021.02.22-10_14_36](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/d/ddc05f8667010c49d257818da08c4d3cbef3eea8.png)

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/system/32/40401_2.png) [@system](https://forum.adalo.com/u/system)\
**Post date:** [March 5, 2021, 1:32pm UTC](https://forum.adalo.com/t/image-component-quick-chart-url-crash/9574/2 "2021-03-05T13:32:11Z")

</div>

Closed on March 5, 2021, 1:32pm UTC

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.