Accepts RGB and hex as well, I love how customized we can get with this. Thanks for sharing it with the community Bob. It will keep my chart work in the Glide Editor as well, such a lifesaver.
1 Like
A few more parameters:
https://quickchart.io/chart?c={type:%27radialGauge%27,data:{datasets:[{data:[70],borderWidth:0,backgroundColor:%27%2300b703%27}]},options:{trackColor:%20%27%23973446%27,roundedCorners:false,centerArea:{fontFamily:%27Courier%27,fontSize:100,fontColor:%27white%27}}}
5 Likes
Thanks master
2 Likes
I coudn’t configure the half doughnut chart, how did you do? D:
Here’s a link to the gauge chart sandbox.
4 Likes
thx!!!
1 Like
Beautiful robert
1 Like
Thank you for this - it certainly is a game changer! I wonder if you would know if it is possible to add a “%” to the numbers in the Chart? e.g. changing 5 to 5% ? I was trying to read through their documentation but couldn’t find anything - thats not to say it isn’t there 
Hi Glen, if you are talking specifically about the text inside the chart, here is the revelant part for Quickchart.
Just add % directly into the text.
1 Like
Thanks for the quick reply @ThinhDinh! Sory, I should have been more specific. I’m referring to the values in the actual chart that I pass in using the Template. I think in your example it will be VB,JO, RM ?
Basically I have 3 values that populate the Doughnut chart which are percentages. In the screenshot I would ideally like to have 3%, 71% and 26%
1 Like
@Glen_Sinclair you could use the outlabeledPie instead if you need to put percentage in the diagram
1 Like
This should be the answer Glen, if you still want the percentage on the original chart then you can calculate it yourself before pushing it as values to the URL I guess.
@Glen_Sinclair or use the formatter option
Look in this page : Custom pie and doughnut chart labels in Chart.js | QuickChart
{
type: ‘doughnut’,
data: {
datasets: [
{
data: [10, 20, 15, 5, 50],
backgroundColor: [ ‘rgb(255, 99, 132)’, ‘rgb(255, 159, 64)’, ‘rgb(255, 205, 86)’, ‘rgb(75, 192, 192)’, ‘rgb(54, 162, 235)’, ],
},
],
labels: [‘Red’, ‘Orange’, ‘Yellow’, ‘Green’, ‘Blue’],
},
options: {
plugins: {
datalabels: {
formatter: (value) => {
return value + ‘%’;
}
}
}
}
}
2 Likes
Legends!! Thank you @Krivo and @ThinhDinh for your help! The last post was the key. Thank you so very much!!
2 Likes
This is by far one of my favorite threads 
3 Likes
Great discovery! Brings Glide charts to the next level! Just what I was looking for!
1 Like
Have you looked in more detail in Quickchart.io pricing? There is a free tier called Community. But its not clear what does this means: “Limits - Rate limit enforced”
I haven’t looked into it now. I just know that it’s a fairly dynamic service that works well with Glide.
4 Likes
2 Likes
Another win:
Client wanted to track baby weight. They fill out lbs and oz. Math column to convert into value. Relation to self > joinedText Columns > Template column to create the quickchart image.
11 Likes