What is KendoReact
Getting Started
Server Components
Components
- Animation
- Barcodes
- Buttons
- Chartsupdated
- - Overview
  - Getting Started
  - Chart
  - Sparkline
  - Drilldown
  - StockChart
  - Series Typesupdated
  - Sankeybeta
  - Globalization
  - Glossary
  - Troubleshooting
  - API
- Common Utilities
- Conversational UIupdated
- Data Gridupdated
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Formupdated
- Ganttupdated
- Gauges
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- ListBoxupdated
- ListView
- Map
- Notification
- OrgChartnew
- PDF Processing
- PDFViewer
- PivotGrid
- Popup
- Progress Bars
- Ripple
- Scheduler
- ScrollView
- Sortable
- Spreadsheetupdated
- TaskBoard
- Tooltips
- TreeList
- TreeViewupdated
- Upload
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
Updates
Troubleshooting

Components / Charts / API / ChartXAxisCrosshairTooltipProps /

ChartXAxisCrosshairTooltipProps

Represents the props of the KendoReact ChartXAxisCrosshairTooltip component.

Name	Type	Default	Description
background?	`string`		The background color of the tooltip. Accepts a valid CSS color string, including hex and rgb.
border?	`Border`		The border options of the tooltip.
color?	`string`		The text color of the tooltip. Accepts a valid CSS color string, including hex and rgb.
font?	`string`		The font of the tooltip.
format?	`string`		The format for displaying the tooltip. Uses the `format` method of IntlService. Contains one placeholder (`"{0}"`) which represents the value.
padding?	`number \| Padding`		The padding of the crosshair tooltip. A numeric value sets all paddings.
visible?	`boolean`		If set to `true`, the Chart displays the crosshair tooltip of the Scatter chart X axis. By default, the crosshair tooltip of the Scatter chart X axis is not visible.

Is this article helpful?

Thank you for your feedback!