Image Component Quick chart URL crash

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 }

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} }

Please see attachements

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