Tooltips do not work correctly

[Joe2824]

Expected Behavior

Tooltip should show current data.

Current Behavior

Tooltip is showing different data.

Steps to Reproduce

See Codepen

Context

Show analytics based on date.

Environment

• Chart.js version: 3.2.0
• MomentJS version: 2.29.1
• MomentJS adapter version: 1.0
• Browser name and version: Safari Version 14.1 (16611.1.21.161.3)

[kurkle]

The default configuration does not work for all use cases.

Tooltip is part of interaction (together with hover): https://www.chartjs.org/docs/latest/configuration/interactions.html
Hint: You are looking for the mode setting. Bar charts default to index mode, which only works with symmetric datasets.

Chart.js/src/controllers/controller.bar.js

Lines 554 to 556 in 0f1d07a

	interaction: {
	mode: 'index'
	},

There are quite a few other options to tune about tooltips https://www.chartjs.org/docs/latest/configuration/tooltip.html