# marker

Pass as a JavaScript property. type: LineChartMarker | ScatterChartMarkerSymbol | string | ReadonlyArray<string>.

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

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

## Definition

| Item | Value |
| --- | --- |
| JavaScript property | `marker` |
| HTML attribute | Pass objects, arrays, and callbacks as JavaScript properties |
| Type | `LineChartMarker \| ScatterChartMarkerSymbol \| string \| ReadonlyArray<string>` |
| Default | `'none'` |

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

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

## Configuration example

```javascript
// Register sy-line-chart and create the element before configuring it.
chart.marker = "circle";
```

- [Line · Complete examples and API](https://chart.syidax.com/docs/components/line.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-line-chart](https://chart.syidax.com/docs/components/line.md#property-marker)
- [sy-area-chart](https://chart.syidax.com/docs/components/area.md#property-marker)
- [sy-scatter-chart](https://chart.syidax.com/docs/components/scatter.md#property-marker)
- [sy-lollipop-chart](https://chart.syidax.com/docs/components/lollipop.md#property-marker)
- [sy-dumbbell-chart](https://chart.syidax.com/docs/components/dumbbell.md#property-marker)
- [sy-dot-plot-chart](https://chart.syidax.com/docs/components/dot-plot.md#property-marker)
- [sy-pareto-chart](https://chart.syidax.com/docs/components/pareto.md#property-marker)
- [sy-scatter-3d](https://chart.syidax.com/docs/components/scatter-3d.md#property-marker)