chartjs-tooltipslisted

# Chart.js Tooltips (v4.5.1) Complete guide to configuring and customizing tooltips in Chart.js. ## Tooltip Basics Tooltips display when users hover over chart elements. Chart.js provides extensive customization options. ### Basic Configuration Namespace: `options.plugins.tooltip` | Option | Type | Default | Description | |--------|------|---------|-------------| | `enabled` | boolean | true | Enable/disable canvas tooltips | | `external` | function | null | External tooltip handler function | | `mode` | string | 'nearest' | Interaction mode (point, nearest, index, dataset) | | `intersect` | boolean | true | Require mouse directly over element | | `position` | string | 'average' | Tooltip position (average, nearest, or custom) | | `backgroundColor` | Color | 'rgba(0,0,0,0.8)' | Background color | | `titleColor` | Color | '#fff' | Title text color | | `bodyColor` | Color | '#fff' | Body text color | | `borderColor` | Color | 'rgba(0,0,0,0)' | Border color | | `borderWidth` | number | 0 | Border width | | `cornerRadius` | number | 6 | Radius of tooltip corner curves | | `caretSize` | number | 5 | Size of tooltip arrow in pixels | | `caretPadding` | number | 2 | Distance from arrow to tooltip point | | `displayColors` | boolean | true | Show color boxes in tooltip | | `boxWidth` | number | bodyFont.size | Width of color box | | `boxHeight` | number | bodyFont.size | Height of color box | | `boxPadding` | number | 1 | Padding between color box and text | | `usePointStyle` |