F
Filament•9mo ago
ssmusoke

Custom JS for Chart Widgets to build custom tooltip

I would like to find out any best practices for adding custom JS to the chart widgets In my case I have some data from the model which I would like to show in the tooltip, I am wondering how to integrate the Alpine JS or livewire directives to build the custom toolitp Thank you in advance
3 Replies
ConnorHowell
ConnorHowell•9mo ago
Check the last example here: https://filamentphp.com/docs/3.x/widgets/charts#setting-chart-configuration-options In essence you can use the RawJs object to make use of JavaScript functions
Chart widgets - Widgets - Filament
ConnorHowell
ConnorHowell•9mo ago
use Filament\Support\RawJs;
 
protected function getOptions(): RawJs
{
    return RawJs::make(<<<JS
        {
            scales: {
                y: {
                    ticks: {
                        callback: (value) => '€' + value,
                    },
                },
            },
        }
    JS);
}
use Filament\Support\RawJs;
 
protected function getOptions(): RawJs
{
    return RawJs::make(<<<JS
        {
            scales: {
                y: {
                    ticks: {
                        callback: (value) => '€' + value,
                    },
                },
            },
        }
    JS);
}
ssmusoke
ssmusoke•9mo ago
Thanks @ConnorHowell that example I saw, however I was looking to be able to do more - like have a custom function that loads livewire content for the tooltip for example
Want results from more Discord servers?
Add your server
More Posts
Restore action test not workingI am writing tests for relation manager's soft delete functionality. The RestoreAction is somehow noRow Action Issue: Incorrect Record SelectionHello everyone, I hope you can assist me with a behavior issue I'm encountering when using a row actRelationmanager for other items from same userI have a payment and user model. On the payment page i would like to show all the other payments fro$get doesn't work in action modalInside my infolist schema, I have an textentry with a hint action. the form loads perfectly well, buFilament Asset adding JavacscriptI am wanting to add a filament asset that is loading in a javascript but it doesn't work has anyone How to show Count relationship in table?What im trying to do: i want to make a report for mutation that happen in the products based on montAccess model $record issue in Select (pluck)I am trying the following: I want to select only the related recipe stages according to the recipe_iColumn headers using SplitThe column headers are gone when using `Split` view. I am using `Split` because I want to show some Execute php code when clicking on link in custom columnI have a custom column: ````CopyUrlColumn::make('linkedin_url')->sortable()->searchable()``` This cCustom page in resourceI want to create a custom page in my resource.I cant figure out how to call it from my list page in