Tooltip & Crosshair

JavaScript Chart Features

Tooltip & Crosshair

Back To Categories

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.

Microchart Tooltip Chart

Use microcharts inside tooltips.

Crosshair Finance

A finance candlestick chart with x and y axis crosshairs enabled where the y axis crosshair does not snap to data.

Crosshair Multi Axis

Range columns with crosshairs indicating start/end range of columns.

Combined Tooltip List Microchart

Combined tooltip with a barfull microchart of related points.

Combined Tooltip Point Icons

Combined tooltip using the %icon token inside point tooltips.

Combined Tooltip Point Microchart

Combined tooltip with microcharts for each point.

Tooltips

Demonstrates tooltip styling but using automatic colorizing.

Tooltips Custom Color

Demonstrates tooltip styling overwriting automatic colorizing.

Tooltips Icons

Demonstrates tooltip styling but using automatic colorizing.

Tooltip Tokens

Demonstrates using point tokens in tooltip labels.