😍 Quickchart.io: the Cloudinary of Charts —on the fly charts!

[Ehsan]

I’ve encountered a problem with templates that I generate using Quickchart. Links stop working after a few days and I need to regenerate a template link to be able to show charts in the app again.
Anyone here with the same issue?

[Jeff_Hager]

We typically don’t use quickchart templates. Normally we build out the full url which includes both the data and the chart design without saving it as a template.

Documentation | QuickChart

[Nopparat_Tongsak]

(1) put number
(2) put parameter work in browser but it shows this error in glide

[ThinhDinh]

Can you explain what you mean by “work in browser”?

[Nopparat_Tongsak]

(2) I copy the construct URL and put in browser it works

[ThinhDinh]

Can you copy your full template column here in a comment, and a sample URL that works in the browser for us to test?

[Nopparat_Tongsak]

{
  type: 'gauge',
  data: {
    datasets: [
      {
        value: _Q_,
        data: [250, 750, 3000],
        backgroundColor: ['blue', 'green', 'Orange'],
        borderWidth: 2,
      },
    ],
  },
  options: {
    valueLabel: {
      fontSize: 22,
      backgroundColor: 'transparent',
      color: '#000',
      formatter: function (value, context) {
        return value + ' POINT';
      },
      bottomMarginPercentage: 10,
    },
  },
}

work url

[Darren_Murphy]

@Nopparat_Tongsak

put parameter work in browser but it shows this error in glide

Does the number contain any formatting or separators, etc?
quickchart expects a number, not a string.
If you pass something like 75% or 1500 THB (for example), it will break.

[Nopparat_Tongsak]

here’s the setting of the number send

[Nopparat_Tongsak]

try again ,without change it 's working. Thank you

[corbmore]

Hey all, Very Basic Question…I’m having troubles integrating my QC into glide. Here’s the basic setup…

3 columns. (Month, Widgets, Chart Template) There will be ~ 50 rows of data.

Here is my QC template input…
https://quickchart.io/chart?c={type:‘line’,data:{labels:[Month],datasets:[{label:‘Production’,data:[Widgets],fill:false,borderColor:‘blue’},]}}

Then I have the appropriate replacements of “month” and “widgets” to their respective columns in my Glide tables.

When I create an image in Layout and direct it to my “Chart Template” it is only plotting the first data point (1st row).

How do I plot the entire column? What am I doing wrong?

[Jeff_Hager]

You will need a Joined List column to get data from multiple rows. Then you can merge that joined list into your template.