Charts

This is a chart page. Here is how we can use the charting abilities built into the system.

Image charts (Quickchart.io)

We can control which quickchart host we use by setting the QUICKCHART_HOST environment variable. Default is quickchart.io but you can host your own.

shortUrls are used to shorten the URLs for the images so they can be used in emails for example. Also shortURLs are higher quality and are also only available at quickchart.io. Read more

Pie chart

This is a pie chart.

Doughnut chart

This is a doughnut chart.

Radial gauge

This is a Radial gauge.

Line chart

This is a line chart.

Interactive charts (Chart.js)

We can spawn interactive charts using Chart.js. This is a JavaScript library that allows us to create charts and graphs. We are passing the data to the JavaScript by using hidden inputs with the name "autoload".