QuickChart is a web service that generates chart images on-the-fly. These images are suitable for embedding in email, SMS, chatbots, and other formats. Charts are rendered by Chart.js, a popular open-source charting library.
For example, take this simple Chart.js configuration:
type: 'bar', // Show a bar chart
labels: [2012, 2013, 2014, 2015, 2016], // Set X-axis labels
label: 'Users', // Create the 'Users' dataset
data: [120, 60, 50, 180, 120] // Add data to the chart
We'll pack the Chart.js object into the
/chart URL endpoint:
The URL generates this chart image, a rendering of the Chart.js config above:Loading...
Try making adjustments to the example above!
- Edit the chart and replacing
pieto get a different type of chart.
- Change the legend labels.
- Add another dataset to get a grouped bar chart.
Because QuickChart is built on open-source chart libraries, our charts are flexible and highly customizable. Keep on reading to learn more or view more chart examples.
Using the API
https://quickchart.io/chart endpoint supports both
POST methods. These parameters provide control over dimensions, resolution, background, and Chart.js version of your chart:
|integer||Width of image in pixels. Defaults to |
|integer||Height of image in pixels. Defaults to |
|integer||Device pixel ratio of output. Set to |
|string||RGB, HEX, HSL, or color name. Defaults to |
|string||Chart.js version. Default to |
|string||url or base64. Defaults to |
Because QuickChart is built on the open-source Chart.js library, charts are flexible and highly customizable. To learn more, view our examples gallery or see the reference section to learn how to use Chart.js.Loading...
To learn more about generating QR codes, follow this link.
If you have questions, please don't hesitate to ask in our community or send us a message.