# type

The chart type rendered by the shared sy-chart component. Data structures and supported options vary by type. Check the specific chart's contract first.

Canonical: https://chart.syidax.com/docs/options/type/

<a id="definition"></a>

## Definition

| Item | Value |
| --- | --- |
| JavaScript property | `type` |
| HTML attribute | Pass objects, arrays, and callbacks as JavaScript properties |
| Type | `ChartType` |
| Default | `'line'` |
| Literals in the type | `area`, `ohlc`, `line`, `bar`, `candlestick`, `flow-lines`, `theme-river`, `bar-3d`, `scatter-3d`, `surface-3d`, `column`, `scatter`, `pie`, `item`, `polar`, `gauge`, `radar`, `funnel`, `pyramid`, `pareto`, `lollipop`, `dumbbell`, `variwide`, `tornado`, `marimekko`, `dot-plot`, `word-cloud`, `pictorial`, `tilemap`, `stem-leaf`, `histogram`, `wafer-map`, `heatmap`, `density-map`, `spectrogram`, `calendar-heatmap`, `box-plot`, `bubble`, `waterfall`, `error-bar`, `sankey`, `chord`, `network-graph`, `treemap`, `sunburst`, `icicle`, `gantt`, `parallel-coordinates`, `dendrogram`, `geo-map` |

- [ChartType](https://chart.syidax.com/docs/types/ChartType.md) — Type definition

<a id="example"></a>

## Configuration example

```javascript
// Register sy-visual-map and create the element before configuring it.
chart.type = "continuous";
```

- [Visual Map · Complete examples and API](https://chart.syidax.com/docs/components/visual-map.md)

<a id="related"></a>

## Related documentation

A property with the same name may have different types and defaults across charts. When using a direct tag, follow that chart's documentation below.

- [Shared facade and direct tags](https://chart.syidax.com/docs/concepts.md)
- [sy-visual-map](https://chart.syidax.com/docs/components/visual-map.md#property-type)