QuickChart
App · Images & Design · 3 actions
Turn your data into bar, line, and pie chart images you can drop into emails, messages, and documents: no account required.
Actions
| Action | What it does |
|---|---|
| Create bar chart | Build a bar chart from your labels and one or more data series, and get back a URL to the chart image. |
| Create line chart | Build a line chart from your labels and one or more data series, and get back a URL to the chart image. |
| Create pie chart | Build a pie chart from your labels and their values, and get back a URL to the chart image. |
Create bar chart
Build a bar chart from your labels and one or more data series, and get back a URL to the chart image.
Inputs
- Labels
labelstextRequired - The category names along the bottom of the chart (or one per pie slice), separated by commas. For example: January, February, March.
- Series
datasetslistRequired - One or more data series to plot. Each series has a name and a comma-separated list of numbers, one number per label.
- Chart title
titletext - Optional title shown above the chart.
- Horizontal bars
horizontaltrue/false - Draw the bars horizontally instead of vertically.Default:
false. - Background colour
background_colortext - Background colour of the image, as a colour name or hex code. Defaults to white. Use 'transparent' for no background.Default:
white. - Width (px)
widthnumber - Image width in pixels. Defaults to 500.From 100 to 3000. Default:
500. - Height (px)
heightnumber - Image height in pixels. Defaults to 300.From 100 to 3000. Default:
300.
Outputs
heightnumber- Image height in pixels.
urltext- Permanent URL that renders the chart image.
widthnumber- Image width in pixels.
Example output
{
"height": 300,
"url": "https://quickchart.io/chart/render/zf-1a2b3c4d",
"width": 500
}Create line chart
Build a line chart from your labels and one or more data series, and get back a URL to the chart image.
Inputs
- Labels
labelstextRequired - The category names along the bottom of the chart (or one per pie slice), separated by commas. For example: January, February, March.
- Series
datasetslistRequired - One or more data series to plot. Each series has a name and a comma-separated list of numbers, one number per label.
- Chart title
titletext - Optional title shown above the chart.
- Fill under lines
filltrue/false - Shade the area beneath each line.Default:
false. - Background colour
background_colortext - Background colour of the image, as a colour name or hex code. Defaults to white. Use 'transparent' for no background.Default:
white. - Width (px)
widthnumber - Image width in pixels. Defaults to 500.From 100 to 3000. Default:
500. - Height (px)
heightnumber - Image height in pixels. Defaults to 300.From 100 to 3000. Default:
300.
Outputs
heightnumber- Image height in pixels.
urltext- Permanent URL that renders the chart image.
widthnumber- Image width in pixels.
Example output
{
"height": 300,
"url": "https://quickchart.io/chart/render/zf-1a2b3c4d",
"width": 500
}Create pie chart
Build a pie chart from your labels and their values, and get back a URL to the chart image.
Inputs
- Labels
labelstextRequired - The category names along the bottom of the chart (or one per pie slice), separated by commas. For example: January, February, March.
- Values
valuestextRequired - The number for each slice, in the same order as the labels, separated by commas. For example: 30, 45, 25.
- Chart title
titletext - Optional title shown above the chart.
- Background colour
background_colortext - Background colour of the image, as a colour name or hex code. Defaults to white. Use 'transparent' for no background.Default:
white. - Width (px)
widthnumber - Image width in pixels. Defaults to 500.From 100 to 3000. Default:
500. - Height (px)
heightnumber - Image height in pixels. Defaults to 300.From 100 to 3000. Default:
300.
Outputs
heightnumber- Image height in pixels.
urltext- Permanent URL that renders the chart image.
widthnumber- Image width in pixels.
Example output
{
"height": 300,
"url": "https://quickchart.io/chart/render/zf-1a2b3c4d",
"width": 500
}