> Markdown version of [Chart Types](https://vaadin.com/docs/next/components/charts/charttypes). Section index: [llms.txt](https://vaadin.com/docs/next/components/llms.txt)

# <a id="charts.charttypes"></a>Chart Types

Charts come with over a dozen different types. You normally specify the chart type in the constructor of the `Chart` object. The available chart types are defined in the `ChartType` enum. You can later read or set the chart type with the `chartType` property of the chart model, which you can get with `getConfiguration().getChart()`.

The supported chart types are:

|                                                                                                                           |                                                                                                                                 |                                                                                                                                   |                                                                                                                                       |
| ------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- |
| [`area`](https://vaadin.com/docs/next/components/charts/charttypes/area.md#charts.charttypes.area)                        | [`arearange`](https://vaadin.com/docs/next/components/charts/charttypes/area-and-column-range.md#charts.charttypes.rangecharts) | [`areaspline`](https://vaadin.com/docs/next/components/charts/charttypes/area.md#charts.charttypes.area)                          | [`areasplinerange`](https://vaadin.com/docs/next/components/charts/charttypes/area-and-column-range.md#charts.charttypes.rangecharts) |
| [`bar`](https://vaadin.com/docs/next/components/charts/charttypes/column-and-bar.md#charts.charttypes.columnbar)          | [`boxplot`](https://vaadin.com/docs/next/components/charts/charttypes/box-plot.md#charts.charttypes.boxplot)                    | [`bubble`](https://vaadin.com/docs/next/components/charts/charttypes/bubble.md#charts.charttypes.bubble)                          | [`bullet`](https://vaadin.com/docs/next/components/charts/charttypes/bullet.md#charts.charttypes.bullet)                              |
| [`candlestick`](https://vaadin.com/docs/next/components/charts/charttypes/ohlc-and-candlestick.md#charts.charttypes.ohlc) | [`column`](https://vaadin.com/docs/next/components/charts/charttypes/column-and-bar.md#charts.charttypes.columnbar)             | [`columnrange`](https://vaadin.com/docs/next/components/charts/charttypes/area-and-column-range.md#charts.charttypes.rangecharts) | [`errorbar`](https://vaadin.com/docs/next/components/charts/charttypes/error-bars.md#charts.charttypes.errorbar)                      |
| [`flags`](https://vaadin.com/docs/next/components/charts/charttypes/flags.md#charts.charttypes.flags)                     | [`funnel`](https://vaadin.com/docs/next/components/charts/charttypes/funnel-and-pyramid.md#charts.charttypes.funnel)            | [`gantt`](https://vaadin.com/docs/next/components/charts/charttypes/gantt.md#charts.charttypes.gantt)                             | [`gauge`](https://vaadin.com/docs/next/components/charts/charttypes/gauge.md#charts.charttypes.gauge)                                 |
| [`heatmap`](https://vaadin.com/docs/next/components/charts/charttypes/heatmap.md#charts.charttypes.heatmap)               | [`line`](https://vaadin.com/docs/next/components/charts/charttypes/line-and-spline.md#charts.charttypes.line)                   | [`ohlc`](https://vaadin.com/docs/next/components/charts/charttypes/ohlc-and-candlestick.md#charts.charttypes.ohlc)                | [`organization`](https://vaadin.com/docs/next/components/charts/charttypes/organization.md#charts.charttypes.organization)            |
| [`pie`](https://vaadin.com/docs/next/components/charts/charttypes/pie.md#charts.charttypes.pie)                           | [`polygon`](https://vaadin.com/docs/next/components/charts/charttypes/polygon.md#charts.charttypes.polygon)                     | [`pyramid`](https://vaadin.com/docs/next/components/charts/charttypes/funnel-and-pyramid.md#charts.charttypes.funnel)             | [`sankey`](https://vaadin.com/docs/next/components/charts/charttypes/sankey.md#charts.charttypes.sankey)                              |
| [`scatter`](https://vaadin.com/docs/next/components/charts/charttypes/scatter.md#charts.charttypes.scatter)               | [`solidgauge`](https://vaadin.com/docs/next/components/charts/charttypes/solid-gauge.md#charts.charttypes.solidgauge)           | [`spline`](https://vaadin.com/docs/next/components/charts/charttypes/line-and-spline.md#charts.charttypes.line)                   | [`timeline`](https://vaadin.com/docs/next/components/charts/charttypes/timeline.md#charts.charttypes.timeline)                        |
| [`treemap`](https://vaadin.com/docs/next/components/charts/charttypes/treemap.md#charts.charttypes.treemap)               | [`waterfall`](https://vaadin.com/docs/next/components/charts/charttypes/waterfall.md#charts.charttypes.waterfall)               | [`xrange`](https://vaadin.com/docs/next/components/charts/charttypes/xrange.md#charts.charttypes.xrange)                          |                                                                                                                                       |

Most chart types with two axes can also be drawn in [polar coordinates](https://vaadin.com/docs/next/components/charts/charttypes/polar.md#charts.charttypes.polar), and most types can be given a [three-dimensional projection](https://vaadin.com/docs/next/components/charts/charttypes/3d.md#charts.charttypes.3d).

Each chart type has its specific plot options and supports its specific collection of chart features. They also have specific requirements for the data series. Configuring [`Data Labels`](https://vaadin.com/docs/next/components/charts/charttypes/data-labels.md#charts.charttypes.datalabels) is common to all chart types. Configuring [`Markers`](https://vaadin.com/docs/next/components/charts/charttypes/markers.md#charts.charttypes.markers) is available for all chart types displaying point data.

## <a id="topics"></a>Topics

- [Line & Spline](https://vaadin.com/docs/next/components/charts/charttypes/line-and-spline.md): Charts that connect data points with straight lines or smooth curves.
- [Area](https://vaadin.com/docs/next/components/charts/charttypes/area.md): Charts that fill the area between the line and a threshold value.
- [Column & Bar](https://vaadin.com/docs/next/components/charts/charttypes/column-and-bar.md): Charts that illustrate values as vertical or horizontal bars.
- [Error Bars](https://vaadin.com/docs/next/components/charts/charttypes/error-bars.md): High and low values in statistical data, drawn as whiskers on a stem.
- [Box Plot](https://vaadin.com/docs/next/components/charts/charttypes/box-plot.md): Charts that display the distribution of statistical variables.
- [Scatter](https://vaadin.com/docs/next/components/charts/charttypes/scatter.md): Charts that display a set of unconnected data points.
- [Bubble](https://vaadin.com/docs/next/components/charts/charttypes/bubble.md): Scatter charts that show a third dimension as the size of each point.
- [Bullet](https://vaadin.com/docs/next/components/charts/charttypes/bullet.md): Charts that display a value together with a target value.
- [Organization](https://vaadin.com/docs/next/components/charts/charttypes/organization.md): Charts that visualize parent/child relationships between nodes.
- [Sankey](https://vaadin.com/docs/next/components/charts/charttypes/sankey.md): Charts that visualize how quantities flow between two sets of nodes.
- [Pie](https://vaadin.com/docs/next/components/charts/charttypes/pie.md): Charts that illustrate values as sectors proportional to their sum.
- [Gantt](https://vaadin.com/docs/next/components/charts/charttypes/gantt.md): A bar chart that visualizes a project schedule.
- [Gauge](https://vaadin.com/docs/next/components/charts/charttypes/gauge.md): One-dimensional charts with a circular Y-axis and a rotating pointer.
- [Solid Gauge](https://vaadin.com/docs/next/components/charts/charttypes/solid-gauge.md): Gauges that show the value as a solid-color arc instead of a pointer.
- [Area & Column Range](https://vaadin.com/docs/next/components/charts/charttypes/area-and-column-range.md): Charts that display an area or column between a minimum and a maximum value.
- [Polar, Wind Rose & Spiderweb](https://vaadin.com/docs/next/components/charts/charttypes/polar.md): Charts drawn in polar coordinates, with the X axis curved on a circle.
- [Funnel & Pyramid](https://vaadin.com/docs/next/components/charts/charttypes/funnel-and-pyramid.md): Charts that visualize stages of a process as layers of diminishing size.
- [Waterfall](https://vaadin.com/docs/next/components/charts/charttypes/waterfall.md): Charts that visualize level changes from an initial to a final level.
- [Timeline](https://vaadin.com/docs/next/components/charts/charttypes/timeline.md): Charts that visualize events on a time axis.
- [X-Range](https://vaadin.com/docs/next/components/charts/charttypes/xrange.md): Charts that visualize a range on the X axis.
- [Heat Map](https://vaadin.com/docs/next/components/charts/charttypes/heatmap.md): A two-dimensional grid where the color of a cell reflects a value.
- [Tree Map](https://vaadin.com/docs/next/components/charts/charttypes/treemap.md): Nested rectangles whose size represents the value of each item.
- [Polygon](https://vaadin.com/docs/next/components/charts/charttypes/polygon.md): Freeform filled or stroked shapes drawn in the Cartesian plane.
- [Flags](https://vaadin.com/docs/next/components/charts/charttypes/flags.md): Call-out labels that annotate a series or the X axis.
- [OHLC & Candlestick](https://vaadin.com/docs/next/components/charts/charttypes/ohlc-and-candlestick.md): Charts that display the change in price over a period of time.
- [Data Labels](https://vaadin.com/docs/next/components/charts/charttypes/data-labels.md): How to configure the labels shown next to data points.
- [Data Point Markers](https://vaadin.com/docs/next/components/charts/charttypes/markers.md): How to configure the markers that visualize data points.
- [3D Charts](https://vaadin.com/docs/next/components/charts/charttypes/3d.md): How to give a chart a three-dimensional projection.

`7D9B93CE-C74C-4440-869F-9594622310AD`