Crosshair

Перекрестие с подписями значений на осях. По умолчанию привязывается к ближайшему узлу (snap), вместе с тултипом и подсветкой.

Модульная сборка

В сборке через grafit-charts/core crosshair — отдельный модуль: register(crosshairModule).

config.tsdata.ts

import { getData } from './data';
import type { ChartOptions } from 'grafit-charts';

export function createOptions(): ChartOptions {
  return {
    data: getData(),
    title: { text: 'Crosshair' },
    subtitle: { text: 'hover over the plot area' },
    series: [{ type: 'line', xField: 'month', yField: 'value', name: 'Value' }],
    crosshair: { enabled: true },
    legend: { enabled: false },
  };
}

export function getData() {
  return [
    { month: 'Jan', value: 412 },
    { month: 'Feb', value: 438 },
    { month: 'Mar', value: 471 },
    { month: 'Apr', value: 449 },
    { month: 'May', value: 502 },
    { month: 'Jun', value: 535 },
    { month: 'Jul', value: 518 },
    { month: 'Aug', value: 560 },
  ];
}

Опция	Тип	По умолчанию	Описание
`enabled`	`boolean`	—	включить (блок присутствует → включён)
`snap`	`boolean`	`true`	привязка к ближайшему узлу
`stroke`	`ColorValue`	muted темы	цвет линий
`strokeWidth`	`Pixels`	`1`	толщина
`lineDash`	`Pixels[]`	`[4, 3]`	пунктир
`label.enabled`	`boolean`	`true`	плашки значений у осей

Crosshair ​

Crosshair