# Candlestick chart in Figma

> Open, high, low and close in one mark

A candlestick packs four numbers into a single mark: a body spanning open to close, and wicks out to the high and low. It is the standard financial chart, and the family here also covers OHLC bars, Heikin-Ashi, Renko and point-and-figure.

## Available in 4 of 5 chart libraries

| Library | Ready-made examples |
| --- | --- |
| Google Charts | 5 |
| Highcharts | 7 |
| ApexCharts | 1 |
| ECharts | 5 |

18 examples in total.

These are the real charting libraries running inside the plugin, not redrawn lookalikes. The candlestick chart on your canvas is the library's own output, and the Export tab hands developers that same library's configuration plus React, Vue, Angular or Svelte code — so what you design is what gets built.

## Reach for it when

- Price over time, where the range within each period matters.
- Any measure with an open, high, low and close — not only markets.

## Use something else when

- You only have a closing value; that is a line chart.
- The audience does not read candles — the convention is not self-explanatory.

## The data it needs

Per period: date, open, high, low, close.

| Date | Open | High | Low | Close |
| --- | --- | --- | --- | --- |
| 2026-01-05 | 128 | 134 | 126 | 132 |
| 2026-01-06 | 132 | 137 | 131 | 133 |

---

Install Figma Charts: https://www.figma.com/community/plugin/1345221583582136577/figma-charts

All chart types: https://systergon.com/figma-charts/chart-types