terrylee/star-cloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] 修正機台稼動率圖表 tooltip 顯示 undefined 與 accessibility 提示框問題

Browse Source 
1. 修正 utilization.blade.php 自訂 Tooltip 中獲取小時標籤的寫法，改為直接使用 scope 中的 labels 變數，解決動態數據加載時顯示 undefined 的問題。

2. 於 ApexCharts 的 chart 配置中設定 accessibility.enabled = false，防止瀏覽器或輔助擴充套件顯示 ARIA 輔助提示框。
This commit is contained in:
sky121113 2026-05-18 10:25:10 +08:00
parent 86e895a4ae
commit 7bf8dc173d
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
resources/views/admin/machines/utilization.blade.php
View File

@ -91,7 +91,10 @@
type: 'bar', type: 'bar',
height: 350, height: 350,
toolbar: { show: false }, toolbar: { show: false },
fontFamily: 'Plus Jakarta Sans, sans-serif' fontFamily: 'Plus Jakarta Sans, sans-serif',
accessibility: {
enabled: false
}
}, },
plotOptions: { plotOptions: {
bar: { borderRadius: 6, columnWidth: '60%' } bar: { borderRadius: 6, columnWidth: '60%' }
@ -123,7 +126,7 @@
tooltip: { tooltip: {
theme: 'dark', theme: 'dark',
custom: function ({ series, seriesIndex, dataPointIndex, w }) { custom: function ({ series, seriesIndex, dataPointIndex, w }) {
const hour = w.globals.categoryLabels[dataPointIndex]; const hour = labels[dataPointIndex] || '';
const count = series[seriesIndex][dataPointIndex]; const count = series[seriesIndex][dataPointIndex];
return '<div class="px-3 py-2 bg-slate-900 text-white rounded-lg border border-slate-700 shadow-xl">' + return '<div class="px-3 py-2 bg-slate-900 text-white rounded-lg border border-slate-700 shadow-xl">' +
'<span class="text-[10px] font-black uppercase tracking-widest block opacity-50 mb-1">' + hour + '</span>' + '<span class="text-[10px] font-black uppercase tracking-widest block opacity-50 mb-1">' + hour + '</span>' +