# crosshairSnapDistance

Geo Map: point-center capture distance in CSS pixels when crosshair.snap is enabled.

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

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

## Definition

| Item | Value |
| --- | --- |
| JavaScript property | `crosshairSnapDistance` |
| HTML attribute | `crosshair-snap-distance` |
| Type | `number` |
| Default | `12` |

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

## Configuration example

```javascript
chart.crosshairSnapDistance = 12;
```

<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-theme-river](https://chart.syidax.com/docs/components/theme-river.md#property-crosshairSnapDistance)
- [sy-geo-map](https://chart.syidax.com/docs/components/geo-map.md#property-crosshairSnapDistance)
- [sy-flow-lines](https://chart.syidax.com/docs/components/flow-lines.md#property-crosshairSnapDistance)
- [sy-surface-3d](https://chart.syidax.com/docs/components/surface-3d.md#property-crosshairSnapDistance)
- [sy-bar-3d](https://chart.syidax.com/docs/components/bar-3d.md#property-crosshairSnapDistance)
- [sy-scatter-3d](https://chart.syidax.com/docs/components/scatter-3d.md#property-crosshairSnapDistance)