# Quickchart plugin

**URL:** <https://community.glideapps.com/t/quickchart-plugin/24124>\
**Category:** Ask for Help\
**Created:** [March 11, 2021, 7:04pm UTC](https://community.glideapps.com/t/quickchart-plugin/24124 "2021-03-11T19:04:05Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![PieroPec](https://avatars.discourse-cdn.com/v4/letter/p/ea5d25/32.png) [@PieroPec](https://community.glideapps.com/u/PieroPec)\
**Post date:** [March 11, 2021, 7:04pm UTC](https://community.glideapps.com/t/quickchart-plugin/24124/1 "2021-03-11T19:04:06Z")

</div>

I just started with Quickchart and it works beautifully. I saw that to use more advanced features (like fonts and sizes) a plugin is requested. For example:  
options: { plugins: { datalabels: { display: true, align: ‘bottom’ …  
How to install the plugin in an easy way?  
Thanks!

---

<div class="post-metadata">

**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:** [March 11, 2021, 7:08pm UTC](https://community.glideapps.com/t/quickchart-plugin/24124/2 "2021-03-11T19:08:03Z")

</div>

If you start reading here it might help. It’s not exactly a plugin, it’s a string of JSON that’s attached to the url.

> [@heart\_eyes Quickchart.io: the Cloudinary of Charts —on the fly charts!](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/106):
>
> I’m getting close! Just that it’s tiling and not centering/filling: [https://quickchart.io/chart?bkg=white&c={ type: ‘radialGauge’, data: { datasets: [{ data: [50], backgroundColor: ‘rgb(0,13,30)’ }] }, options: { trackColor: ‘rgb(207,207,207)’, centerPercentage: 70, centerArea: { fontSize: 25, backgroundColor: getImageFill(‘https://pyxis.nymag.com/v1/imgs/1be/59b/387489f1b8413ff360c3eead07c710621c-polar-bears.rsquare.w100.jpg’), }, },}](https://quickchart.io/chart?bkg=white&c=%7B%0A%20%20type%3A%20%27radialGauge%27%2C%0A%20%20data%3A%20%7B%20datasets%3A%20%5B%7B%20data%3A%20%5B50%5D%2C%20backgroundColor%3A%20%27rgb(0%2C13%2C30)%27%20%7D%5D%20%7D%2C%0A%20%20options%3A%20%7B%0A%20%20%20%20trackColor%3A%20%27rgb(207%2C207%2C207)%27%2C%0A%20%20%20%20centerPercentage%3A%2070%2C%0A%20%20%20%20centerArea%3A%20%7B%0A%20%20%20%20%20%20fontSize%3A%2025%2C%0A%20%20%20%20%20%20backgroundColor%3A%20getImageFill(%27https%3A%2F%2Fpyxis.nymag.com%2Fv1%2Fimgs%2F1be%2F59b%2F387489f1b8413ff360c3eead07c710621c-polar-bears.rsquare.w100.jpg%27)%2C%0A%20%20%20%20%7D%2C%0A%20%20%7D%2C%0A%7D%0A)

---

<div class="post-metadata">

**Author:** ![PieroPec](https://avatars.discourse-cdn.com/v4/letter/p/ea5d25/32.png) [@PieroPec](https://community.glideapps.com/u/PieroPec)\
**Post date:** [March 11, 2021, 10:54pm UTC](https://community.glideapps.com/t/quickchart-plugin/24124/3 "2021-03-11T22:54:44Z")

</div>

Thanks for the prompt reply! Done and it is working. I was thinking too complicate! 😅

---

<div class="post-metadata">

**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:** [March 12, 2021, 2:57am UTC](https://community.glideapps.com/t/quickchart-plugin/24124/4 "2021-03-12T02:57:51Z")

</div>

[https://quickchart.io/documentation/#plugins](https://quickchart.io/documentation/#plugins)

_“Use these plugins as you please in your chart config - no need to import anything extra.”_