update chart with static data

This commit is contained in:
Leandro C. Ferreira
2023-08-10 20:27:29 -03:00
parent 22db4d0c8a
commit acb2eef582
3 changed files with 12 additions and 1 deletions
@@ -1,7 +1,8 @@
import Chart from 'chart.js/auto'
export default function statsOverviewStatChart({ labels, values }) {
export default function statsOverviewStatChart({ dataChecksum, labels, values }) {
return {
dataChecksum: dataChecksum,
init: function () {
Alpine.effect(() => {
Alpine.store('theme')
@@ -57,6 +58,9 @@ export default function statsOverviewStatChart({ labels, values }) {
],
},
options: {
animation: {
duration: 0,
},
elements: {
point: {
radius: 0,
@@ -7,6 +7,7 @@
$descriptionIconPosition = $getDescriptionIconPosition();
$url = $getUrl();
$tag = $url ? 'a' : 'div';
$dataChecksum = $generateDataChecksum();
$descriptionIconClasses = \Illuminate\Support\Arr::toCssClasses([
'fi-wi-stats-overview-stat-description-icon h-5 w-5',
@@ -98,6 +99,7 @@
ax-load
ax-load-src="{{ \Filament\Support\Facades\FilamentAsset::getAlpineComponentSrc('stats-overview/stat/chart', 'filament/widgets') }}"
x-data="statsOverviewStatChart({
dataChecksum: '{{ $dataChecksum }}',
labels: @js(array_keys($chart)),
values: @js(array_values($chart)),
})"
@@ -288,4 +288,9 @@ class Stat extends Component implements Htmlable
{
return view('filament-widgets::stats-overview-widget.stat', $this->data());
}
public function generateDataChecksum(): string
{
return md5(json_encode($this->getChart()) . now());
}
}