Quickchart Data Replacement (Template)

The easiest way to work with quickcharts is in the sandbox editor.

If you open your chart in the sandbox, you’ll see something like this:

Presumably, the bit you want to customise is the data value. So to do that, paste the following into a template column:

{
  type: 'radialGauge',
  data: {
    datasets: [
      {
        data: [{data}],
        backgroundColor: getGradientFillHelper('horizontal', ['#3bc37b', '#c0ebd4']),
        
      },
    ],
  },
  options: {
    // See https://github.com/pandameister/chartjs-chart-radial-gauge#options
    domain: [0, 100],
    trackColor: '#f0f8ff',
    centerPercentage: 80,
    centerArea: {
      text: (val) => val + '%',
      fontFamily: 'Calibri'
    },
  },
}

…and replace {data} with your own value.

Then create a Construct URL column as follows:

(where tpChart is your template column)

And then use the Construct URL column in an Image Component:

2 Likes