Skip to main content

Tooltip & Crosshair

JavaScript Chart Features

Tooltip & Crosshair

JSCharting provides smart and aesthetically pleasing tooltips that describe their related data points. Depending on the type of chart and settings, SmartToolTips automatically determine what information may be useful and automatically display it. Advanced customization is possible to customize and format the tooltip display and data to meet your specific visualization needs.

Crosshair Columns

Column series type with x axis crosshair using column width grid line.

Edit
Use microcharts inside tooltips.
A finance candlestick chart with x and y axis crosshairs enabled where the y axis crosshair does not snap to data.
Range columns with crosshairs indicating start/end range of columns.
Combined tooltip with a barfull microchart of related points.
Combined tooltip using the %icon token inside point tooltips.
Combined tooltip with microcharts for each point.
Demonstrates tooltip styling but using automatic colorizing.
Demonstrates tooltip styling overwriting automatic colorizing.
Demonstrates tooltip styling but using automatic colorizing.
Demonstrates using point tokens in tooltip labels.