@progress/kendo-react-charts
Version:
React Chart renders a wide range of high-quality data visualizations. KendoReact Charts package
49 lines (48 loc) • 2.04 kB
TypeScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
import { DashType } from '../../common/property-types.js';
import { AxisDefaultsCrosshairTooltip } from './crosshair.tooltip.interface.js';
/**
* @hidden
*/
export interface AxisDefaultsCrosshair {
/**
* The color of the crosshair. Accepts a valid CSS color string, including `hex` and `rgb`.
*/
color?: string;
/**
* The dash type of the crosshair.
*
* The following dash types are supported:
*
* - `"dash"`—A line which consists of dashes.
* - `"dashDot"`—A line which consists of a repeating pattern of dash-dot.
* - `"dot"`—A line which consists of dots.
* - `"longDash"`—A line which consists of a repeating pattern of long-dash.
* - `"longDashDot"`—A line which consists of a repeating pattern of long-dash-dot.
* - `"longDashDotDot"`—A line which consists of a repeating pattern of long-dash-dot-dot.
* - `"solid"`—A solid line.
*/
dashType?: DashType;
/**
* The opacity of the crosshair. By default, the crosshair is opaque.
*/
opacity?: number;
/**
* If set to `true`, the Chart displays the axis crosshair. By default, the axis crosshair is not visible.
*/
visible?: boolean;
/**
* The width of the crosshair in pixels.
*/
width?: number;
/**
* The options of the crosshair tooltip. The crosshair tooltip is displayed when the [`axisDefaults.crosshair.tooltip.visible`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartaxisdefaultscrosshairtooltipprops#toc-visible) option is set to `true`.
*/
tooltip?: AxisDefaultsCrosshairTooltip;
}