# renderPath

Heatmap (): the draw path — `auto` / `plane` / `cells`. `border-radius` / `border-width` / `border-color` style the cells.

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

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

## Definition

| Item | Value |
| --- | --- |
| JavaScript property | `renderPath` |
| HTML attribute | `render-path` |
| Type | `HeatmapRenderPath` |
| Default | `undefined` |
| Allowed values | `auto`, `plane`, `cells` |

undefined means this property was not explicitly set. The effective value may depend on the chart type and other settings.

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

<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-heatmap](https://chart.syidax.com/docs/components/heatmap.md#property-renderPath)
- [sy-calendar-heatmap](https://chart.syidax.com/docs/components/calendar-heatmap.md#property-renderPath)