# QuickChart

> Turn your data into bar, line, and pie chart images you can drop into emails, messages, and documents: no account required.

App · Images & Design · 3 actions. Web page: https://docs.lodol.com/docs/integrations/quickchart

## Actions

### 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 (`labels`, text, required): The category names along the bottom of the chart (or one per pie slice), separated by commas. For example: January, February, March.
- Series (`datasets`, list, required): 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 (`title`, text): Optional title shown above the chart.
- Horizontal bars (`horizontal`, true/false): Draw the bars horizontally instead of vertically. Default: `false`.
- Background colour (`background_color`, text): Background colour of the image, as a colour name or hex code. Defaults to white. Use 'transparent' for no background. Default: `white`.
- Width (px) (`width`, number): Image width in pixels. Defaults to 500. From 100 to 3000. Default: `500`.
- Height (px) (`height`, number): Image height in pixels. Defaults to 300. From 100 to 3000. Default: `300`.

**Outputs**

- `height` (number): Image height in pixels.
- `url` (text): Permanent URL that renders the chart image.
- `width` (number): Image width in pixels.

**Example output**

```json
{
  "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 (`labels`, text, required): The category names along the bottom of the chart (or one per pie slice), separated by commas. For example: January, February, March.
- Series (`datasets`, list, required): 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 (`title`, text): Optional title shown above the chart.
- Fill under lines (`fill`, true/false): Shade the area beneath each line. Default: `false`.
- Background colour (`background_color`, text): Background colour of the image, as a colour name or hex code. Defaults to white. Use 'transparent' for no background. Default: `white`.
- Width (px) (`width`, number): Image width in pixels. Defaults to 500. From 100 to 3000. Default: `500`.
- Height (px) (`height`, number): Image height in pixels. Defaults to 300. From 100 to 3000. Default: `300`.

**Outputs**

- `height` (number): Image height in pixels.
- `url` (text): Permanent URL that renders the chart image.
- `width` (number): Image width in pixels.

**Example output**

```json
{
  "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 (`labels`, text, required): The category names along the bottom of the chart (or one per pie slice), separated by commas. For example: January, February, March.
- Values (`values`, text, required): The number for each slice, in the same order as the labels, separated by commas. For example: 30, 45, 25.
- Chart title (`title`, text): Optional title shown above the chart.
- Background colour (`background_color`, text): Background colour of the image, as a colour name or hex code. Defaults to white. Use 'transparent' for no background. Default: `white`.
- Width (px) (`width`, number): Image width in pixels. Defaults to 500. From 100 to 3000. Default: `500`.
- Height (px) (`height`, number): Image height in pixels. Defaults to 300. From 100 to 3000. Default: `300`.

**Outputs**

- `height` (number): Image height in pixels.
- `url` (text): Permanent URL that renders the chart image.
- `width` (number): Image width in pixels.

**Example output**

```json
{
  "height": 300,
  "url": "https://quickchart.io/chart/render/zf-1a2b3c4d",
  "width": 500
}
```