© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•14mo ago•
2 replies
taz

ChartJS custom tooltip positioner

To add a plugin to chartjs as Filament docs say I use the filamentChartJsPlugins array. Id like also to register a cutsom positioner for the tooltip. As chartJS doc I must hook into Tooltip object. Is that possible to do this with Filament ?

ChartJS doc example to add a custom positoner:
import { Tooltip } from 'chart.js';

Tooltip.positioners.myCustomPositioner = function(elements, eventPosition) {
import { Tooltip } from 'chart.js';

Tooltip.positioners.myCustomPositioner = function(elements, eventPosition) {


filament-chart-js-plugin.js
import crosshairPlugin from 'chartjs-plugin-crosshair'

window.filamentChartJsPlugins ??= []
window.filamentChartJsPlugins.push(crosshairPlugin)
import crosshairPlugin from 'chartjs-plugin-crosshair'

window.filamentChartJsPlugins ??= []
window.filamentChartJsPlugins.push(crosshairPlugin)
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

Add ChartJS charts to custom page (not widget)
FilamentFFilament / ❓┊help
11mo ago
register chartjs plugin
FilamentFFilament / ❓┊help
3y ago
tooltip
FilamentFFilament / ❓┊help
2y ago
tooltip
FilamentFFilament / ❓┊help
3y ago